[rene-theme='space-light']{
    --bg-base: #ffffff;
    --scaling: 1;
    --radius-factor: 1;
    --radius-full: 0px;
    --text-strong: var(--color-12);
    --text-normal: var(--color-11);
    --text-weak: var(--color-10);
    --radius-1: calc(3px * var(--scaling) * var(--radius-factor));
    --radius-2: calc(4px * var(--scaling) * var(--radius-factor));
    --radius-3: calc(6px * var(--scaling) * var(--radius-factor));
    --radius-4: calc(8px * var(--scaling) * var(--radius-factor));
    --radius-5: calc(12px * var(--scaling) * var(--radius-factor));
    --radius-6: calc(16px * var(--scaling) * var(--radius-factor));
    --space-1: calc(4px * var(--scaling));
    --space-2: calc(8px * var(--scaling));
    --space-3: calc(12px * var(--scaling));
    --space-4: calc(16px * var(--scaling));
    --space-5: calc(24px * var(--scaling));
    --space-6: calc(32px * var(--scaling));
    --space-7: calc(40px * var(--scaling));
    --space-8: calc(48px * var(--scaling));
    --space-9: calc(64px * var(--scaling));
    --font-size-1: calc(12px * var(--scaling));
    --font-size-2: calc(14px * var(--scaling));
    --font-size-3: calc(16px * var(--scaling));
    --font-size-4: calc(18px * var(--scaling));
    --font-size-5: calc(20px * var(--scaling));
    --font-size-6: calc(24px * var(--scaling));
    --font-size-7: calc(28px * var(--scaling));
    --font-size-8: calc(35px * var(--scaling));
    --font-size-9: calc(60px * var(--scaling));
    --line-height-1: calc(16px * var(--scaling));
    --line-height-2: calc(20px * var(--scaling));
    --line-height-3: calc(24px * var(--scaling));
    --line-height-4: calc(26px * var(--scaling));
    --line-height-5: calc(28px * var(--scaling));
    --line-height-6: calc(30px * var(--scaling));
    --line-height-7: calc(36px * var(--scaling));
    --line-height-8: calc(40px * var(--scaling));
    --line-height-9: calc(60px * var(--scaling));
    --letter-spacing-1: 0.0025em;
    --letter-spacing-2: 0em;
    --letter-spacing-3: 0em;
    --letter-spacing-4: -0.0025em;
    --letter-spacing-5: -0.005em;
    --letter-spacing-6: -0.00625em;
    --letter-spacing-7: -0.0075em;
    --letter-spacing-8: -0.01em;
    --letter-spacing-9: -0.025em;
    --default-font-size: var(--font-size-3);
    --default-font-style: normal;
    --default-font-weight: 400;
    --default-line-height: 1.5;
    --default-letter-spacing: 0em;
    --default-leading-trim-start: 0.42em;
    --default-leading-trim-end: 0.36em;
    --heading-font-family: "Inter", sans-serif;
    --heading-font-size-adjust: 1;
    --heading-font-style: normal;
    --heading-leading-trim-start: var(--default-leading-trim-start);
    --heading-leading-trim-end: var(--default-leading-trim-end);
    --heading-letter-spacing: 0em;
    --heading-line-height-1: calc(16px * var(--scaling));
    --heading-line-height-2: calc(18px * var(--scaling));
    --heading-line-height-3: calc(22px * var(--scaling));
    --heading-line-height-4: calc(24px * var(--scaling));
    --heading-line-height-5: calc(26px * var(--scaling));
    --heading-line-height-6: calc(30px * var(--scaling));
    --heading-line-height-7: calc(36px * var(--scaling));
    --heading-line-height-8: calc(40px * var(--scaling));
    --heading-line-height-9: calc(60px * var(--scaling));
    overflow-wrap: break-word;
    font-family: "Inter", sans-serif;
    font-size: var(--default-font-size);
    font-weight: var(--default-font-weight);
    font-style: var(--default-font-style);
    line-height: var(--default-line-height);
    letter-spacing: var(--default-letter-spacing);
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-normal);
    --brand-1: oklch(99.8% 0.0025 262.3);
    --brand-2: oklch(97.5% 0.0211 262.3);
    --brand-3: oklch(92.9% 0.0267 262.3);
    --brand-4: oklch(87.0% 0.0425 262.3);
    --brand-5: oklch(80.0% 0.0579 262.3);
    --brand-6: oklch(72.0% 0.0777 262.3);
    --brand-7: oklch(63.2% 0.0979 262.3);
    --brand-8: oklch(53.6% 0.1300 262.3);
    --brand-9: oklch(43.4% 0.2060 262.3);
    --brand-10: oklch(34.2% 0.1920 262.3);
    --brand-11: oklch(25.1% 0.1920 262.3);
    --brand-12: oklch(16.0% 0.1065 262.3);
    --brand-a1: oklch(99.8% 0.0025 262.3 / 0.008);
    --brand-a2: oklch(97.5% 0.0211 262.3 / 0.032);
    --brand-a3: oklch(92.9% 0.0267 262.3 / 0.059);
    --brand-a4: oklch(87.0% 0.0425 262.3 / 0.106);
    --brand-a5: oklch(80.0% 0.0579 262.3 / 0.153);
    --brand-a6: oklch(72.0% 0.0777 262.3 / 0.212);
    --brand-a7: oklch(63.2% 0.0979 262.3 / 0.295);
    --brand-a8: oklch(53.6% 0.1300 262.3 / 0.404);
    --brand-a9: oklch(43.4% 0.2060 262.3 / 0.632);
    --brand-a10: oklch(34.2% 0.1920 262.3 / 0.675);
    --brand-a11: oklch(25.1% 0.1920 262.3 / 0.679);
    --brand-a12: oklch(16.0% 0.1065 262.3 / 0.848);
    &[rene-accent='brand'], & [rene-accent='brand']
    {
        --color-1: var(--brand-1);
        --color-2: var(--brand-2);
        --color-3: var(--brand-3);
        --color-4: var(--brand-4);
        --color-5: var(--brand-5);
        --color-6: var(--brand-6);
        --color-7: var(--brand-7);
        --color-8: var(--brand-8);
        --color-9: var(--brand-9);
        --color-10: var(--brand-10);
        --color-11: var(--brand-11);
        --color-12: var(--brand-12);
        --color-a1: var(--brand-a1);
        --color-a2: var(--brand-a2);
        --color-a3: var(--brand-a3);
        --color-a4: var(--brand-a4);
        --color-a5: var(--brand-a5);
        --color-a6: var(--brand-a6);
        --color-a7: var(--brand-a7);
        --color-a8: var(--brand-a8);
        --color-a9: var(--brand-a9);
        --color-a10: var(--brand-a10);
        --color-a11: var(--brand-a11);
        --color-a12: var(--brand-a12);
        --color-contrast: #ffffff;
        --color-surface: oklch(99.2% 0.0206 262.3 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --gray-1: oklch(99.8% 0.0020 277.7);
    --gray-2: oklch(98.4% 0.0020 277.7);
    --gray-3: oklch(95.6% 0.0020 277.7);
    --gray-4: oklch(91.9% 0.0020 277.7);
    --gray-5: oklch(87.5% 0.0020 277.7);
    --gray-6: oklch(82.5% 0.0020 277.7);
    --gray-7: oklch(77.0% 0.0020 277.7);
    --gray-8: oklch(71.0% 0.0020 277.7);
    --gray-9: oklch(64.5% 0.0020 277.7);
    --gray-10: oklch(48.4% 0.0020 277.7);
    --gray-11: oklch(32.2% 0.0020 277.7);
    --gray-12: oklch(16.0% 0.0020 277.7);
    --gray-a1: oklch(99.8% 0.0020 277.7 / 0.008);
    --gray-a2: oklch(98.4% 0.0020 277.7 / 0.032);
    --gray-a3: oklch(95.6% 0.0020 277.7 / 0.059);
    --gray-a4: oklch(91.9% 0.0020 277.7 / 0.106);
    --gray-a5: oklch(87.5% 0.0020 277.7 / 0.153);
    --gray-a6: oklch(82.5% 0.0020 277.7 / 0.212);
    --gray-a7: oklch(77.0% 0.0020 277.7 / 0.295);
    --gray-a8: oklch(71.0% 0.0020 277.7 / 0.404);
    --gray-a9: oklch(64.5% 0.0020 277.7 / 0.632);
    --gray-a10: oklch(48.4% 0.0020 277.7 / 0.675);
    --gray-a11: oklch(32.2% 0.0020 277.7 / 0.679);
    --gray-a12: oklch(16.0% 0.0020 277.7 / 0.848);
    &[rene-accent='gray'], & [rene-accent='gray']
    {
        --color-1: var(--gray-1);
        --color-2: var(--gray-2);
        --color-3: var(--gray-3);
        --color-4: var(--gray-4);
        --color-5: var(--gray-5);
        --color-6: var(--gray-6);
        --color-7: var(--gray-7);
        --color-8: var(--gray-8);
        --color-9: var(--gray-9);
        --color-10: var(--gray-10);
        --color-11: var(--gray-11);
        --color-12: var(--gray-12);
        --color-a1: var(--gray-a1);
        --color-a2: var(--gray-a2);
        --color-a3: var(--gray-a3);
        --color-a4: var(--gray-a4);
        --color-a5: var(--gray-a5);
        --color-a6: var(--gray-a6);
        --color-a7: var(--gray-a7);
        --color-a8: var(--gray-a8);
        --color-a9: var(--gray-a9);
        --color-a10: var(--gray-a10);
        --color-a11: var(--gray-a11);
        --color-a12: var(--gray-a12);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0016 277.7 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --blue-1: oklch(99.8% 0.0025 262.3);
    --blue-2: oklch(97.5% 0.0211 262.3);
    --blue-3: oklch(92.9% 0.0267 262.3);
    --blue-4: oklch(87.0% 0.0425 262.3);
    --blue-5: oklch(80.0% 0.0579 262.3);
    --blue-6: oklch(72.0% 0.0777 262.3);
    --blue-7: oklch(63.2% 0.0979 262.3);
    --blue-8: oklch(53.6% 0.1300 262.3);
    --blue-9: oklch(43.4% 0.2060 262.3);
    --blue-10: oklch(34.2% 0.1920 262.3);
    --blue-11: oklch(25.1% 0.1920 262.3);
    --blue-12: oklch(16.0% 0.1065 262.3);
    --blue-a1: oklch(99.8% 0.0025 262.3 / 0.008);
    --blue-a2: oklch(97.5% 0.0211 262.3 / 0.032);
    --blue-a3: oklch(92.9% 0.0267 262.3 / 0.059);
    --blue-a4: oklch(87.0% 0.0425 262.3 / 0.106);
    --blue-a5: oklch(80.0% 0.0579 262.3 / 0.153);
    --blue-a6: oklch(72.0% 0.0777 262.3 / 0.212);
    --blue-a7: oklch(63.2% 0.0979 262.3 / 0.295);
    --blue-a8: oklch(53.6% 0.1300 262.3 / 0.404);
    --blue-a9: oklch(43.4% 0.2060 262.3 / 0.632);
    --blue-a10: oklch(34.2% 0.1920 262.3 / 0.675);
    --blue-a11: oklch(25.1% 0.1920 262.3 / 0.679);
    --blue-a12: oklch(16.0% 0.1065 262.3 / 0.848);
    &[rene-accent='blue'], & [rene-accent='blue']
    {
        --color-1: var(--blue-1);
        --color-2: var(--blue-2);
        --color-3: var(--blue-3);
        --color-4: var(--blue-4);
        --color-5: var(--blue-5);
        --color-6: var(--blue-6);
        --color-7: var(--blue-7);
        --color-8: var(--blue-8);
        --color-9: var(--blue-9);
        --color-10: var(--blue-10);
        --color-11: var(--blue-11);
        --color-12: var(--blue-12);
        --color-a1: var(--blue-a1);
        --color-a2: var(--blue-a2);
        --color-a3: var(--blue-a3);
        --color-a4: var(--blue-a4);
        --color-a5: var(--blue-a5);
        --color-a6: var(--blue-a6);
        --color-a7: var(--blue-a7);
        --color-a8: var(--blue-a8);
        --color-a9: var(--blue-a9);
        --color-a10: var(--blue-a10);
        --color-a11: var(--blue-a11);
        --color-a12: var(--blue-a12);
        --color-contrast: #ffffff;
        --color-surface: oklch(99.2% 0.0206 262.3 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --red-1: oklch(99.8% 0.0023 23.0);
    --red-2: oklch(98.3% 0.0205 23.0);
    --red-3: oklch(95.3% 0.0255 23.0);
    --red-4: oklch(91.4% 0.0401 23.0);
    --red-5: oklch(86.8% 0.0543 23.0);
    --red-6: oklch(81.5% 0.0729 23.0);
    --red-7: oklch(75.7% 0.0918 23.0);
    --red-8: oklch(69.4% 0.1220 23.0);
    --red-9: oklch(62.6% 0.1933 23.0);
    --red-10: oklch(47.0% 0.1802 23.0);
    --red-11: oklch(31.5% 0.1802 23.0);
    --red-12: oklch(16.0% 0.1000 23.0);
    --red-a1: oklch(99.8% 0.0023 23.0 / 0.008);
    --red-a2: oklch(98.3% 0.0205 23.0 / 0.032);
    --red-a3: oklch(95.3% 0.0255 23.0 / 0.059);
    --red-a4: oklch(91.4% 0.0401 23.0 / 0.106);
    --red-a5: oklch(86.8% 0.0543 23.0 / 0.153);
    --red-a6: oklch(81.5% 0.0729 23.0 / 0.212);
    --red-a7: oklch(75.7% 0.0918 23.0 / 0.295);
    --red-a8: oklch(69.4% 0.1220 23.0 / 0.404);
    --red-a9: oklch(62.6% 0.1933 23.0 / 0.632);
    --red-a10: oklch(47.0% 0.1802 23.0 / 0.675);
    --red-a11: oklch(31.5% 0.1802 23.0 / 0.679);
    --red-a12: oklch(16.0% 0.1000 23.0 / 0.848);
    &[rene-accent='red'], & [rene-accent='red']
    {
        --color-1: var(--red-1);
        --color-2: var(--red-2);
        --color-3: var(--red-3);
        --color-4: var(--red-4);
        --color-5: var(--red-5);
        --color-6: var(--red-6);
        --color-7: var(--red-7);
        --color-8: var(--red-8);
        --color-9: var(--red-9);
        --color-10: var(--red-10);
        --color-11: var(--red-11);
        --color-12: var(--red-12);
        --color-a1: var(--red-a1);
        --color-a2: var(--red-a2);
        --color-a3: var(--red-a3);
        --color-a4: var(--red-a4);
        --color-a5: var(--red-a5);
        --color-a6: var(--red-a6);
        --color-a7: var(--red-a7);
        --color-a8: var(--red-a8);
        --color-a9: var(--red-a9);
        --color-a10: var(--red-a10);
        --color-a11: var(--red-a11);
        --color-a12: var(--red-a12);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0193 23.0 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --orange-1: oklch(99.8% 0.0020 75.8);
    --orange-2: oklch(99.2% 0.0191 75.8);
    --orange-3: oklch(97.7% 0.0227 75.8);
    --orange-4: oklch(95.8% 0.0346 75.8);
    --orange-5: oklch(93.5% 0.0461 75.8);
    --orange-6: oklch(91.0% 0.0618 75.8);
    --orange-7: oklch(88.1% 0.0779 75.8);
    --orange-8: oklch(85.0% 0.1034 75.8);
    --orange-9: oklch(81.7% 0.1639 75.8);
    --orange-10: oklch(59.8% 0.1527 75.8);
    --orange-11: oklch(37.9% 0.1527 75.8);
    --orange-12: oklch(16.0% 0.0847 75.8);
    --orange-a1: oklch(99.8% 0.0020 75.8 / 0.008);
    --orange-a2: oklch(99.2% 0.0191 75.8 / 0.032);
    --orange-a3: oklch(97.7% 0.0227 75.8 / 0.059);
    --orange-a4: oklch(95.8% 0.0346 75.8 / 0.106);
    --orange-a5: oklch(93.5% 0.0461 75.8 / 0.153);
    --orange-a6: oklch(91.0% 0.0618 75.8 / 0.212);
    --orange-a7: oklch(88.1% 0.0779 75.8 / 0.295);
    --orange-a8: oklch(85.0% 0.1034 75.8 / 0.404);
    --orange-a9: oklch(81.7% 0.1639 75.8 / 0.632);
    --orange-a10: oklch(59.8% 0.1527 75.8 / 0.675);
    --orange-a11: oklch(37.9% 0.1527 75.8 / 0.679);
    --orange-a12: oklch(16.0% 0.0847 75.8 / 0.848);
    &[rene-accent='orange'], & [rene-accent='orange']
    {
        --color-1: var(--orange-1);
        --color-2: var(--orange-2);
        --color-3: var(--orange-3);
        --color-4: var(--orange-4);
        --color-5: var(--orange-5);
        --color-6: var(--orange-6);
        --color-7: var(--orange-7);
        --color-8: var(--orange-8);
        --color-9: var(--orange-9);
        --color-10: var(--orange-10);
        --color-11: var(--orange-11);
        --color-12: var(--orange-12);
        --color-a1: var(--orange-a1);
        --color-a2: var(--orange-a2);
        --color-a3: var(--orange-a3);
        --color-a4: var(--orange-a4);
        --color-a5: var(--orange-a5);
        --color-a6: var(--orange-a6);
        --color-a7: var(--orange-a7);
        --color-a8: var(--orange-a8);
        --color-a9: var(--orange-a9);
        --color-a10: var(--orange-a10);
        --color-a11: var(--orange-a11);
        --color-a12: var(--orange-a12);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0164 75.8 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --green-1: oklch(99.8% 0.0015 166.5);
    --green-2: oklch(98.4% 0.0173 166.5);
    --green-3: oklch(95.5% 0.0192 166.5);
    --green-4: oklch(91.8% 0.0275 166.5);
    --green-5: oklch(87.4% 0.0355 166.5);
    --green-6: oklch(82.4% 0.0476 166.5);
    --green-7: oklch(76.8% 0.0600 166.5);
    --green-8: oklch(70.8% 0.0797 166.5);
    --green-9: oklch(64.3% 0.1263 166.5);
    --green-10: oklch(48.2% 0.1177 166.5);
    --green-11: oklch(32.1% 0.1177 166.5);
    --green-12: oklch(16.0% 0.0653 166.5);
    --green-a1: oklch(99.8% 0.0015 166.5 / 0.008);
    --green-a2: oklch(98.4% 0.0173 166.5 / 0.032);
    --green-a3: oklch(95.5% 0.0192 166.5 / 0.059);
    --green-a4: oklch(91.8% 0.0275 166.5 / 0.106);
    --green-a5: oklch(87.4% 0.0355 166.5 / 0.153);
    --green-a6: oklch(82.4% 0.0476 166.5 / 0.212);
    --green-a7: oklch(76.8% 0.0600 166.5 / 0.295);
    --green-a8: oklch(70.8% 0.0797 166.5 / 0.404);
    --green-a9: oklch(64.3% 0.1263 166.5 / 0.632);
    --green-a10: oklch(48.2% 0.1177 166.5 / 0.675);
    --green-a11: oklch(32.1% 0.1177 166.5 / 0.679);
    --green-a12: oklch(16.0% 0.0653 166.5 / 0.848);
    &[rene-accent='green'], & [rene-accent='green']
    {
        --color-1: var(--green-1);
        --color-2: var(--green-2);
        --color-3: var(--green-3);
        --color-4: var(--green-4);
        --color-5: var(--green-5);
        --color-6: var(--green-6);
        --color-7: var(--green-7);
        --color-8: var(--green-8);
        --color-9: var(--green-9);
        --color-10: var(--green-10);
        --color-11: var(--green-11);
        --color-12: var(--green-12);
        --color-a1: var(--green-a1);
        --color-a2: var(--green-a2);
        --color-a3: var(--green-a3);
        --color-a4: var(--green-a4);
        --color-a5: var(--green-a5);
        --color-a6: var(--green-a6);
        --color-a7: var(--green-a7);
        --color-a8: var(--green-a8);
        --color-a9: var(--green-a9);
        --color-a10: var(--green-a10);
        --color-a11: var(--green-a11);
        --color-a12: var(--green-a12);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0126 166.5 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --amber-1: oklch(99.8% 0.0017 80.9);
    --amber-2: oklch(98.7% 0.0181 80.9);
    --amber-3: oklch(96.4% 0.0207 80.9);
    --amber-4: oklch(93.4% 0.0305 80.9);
    --amber-5: oklch(89.8% 0.0399 80.9);
    --amber-6: oklch(85.8% 0.0536 80.9);
    --amber-7: oklch(81.3% 0.0675 80.9);
    --amber-8: oklch(76.4% 0.0897 80.9);
    --amber-9: oklch(71.2% 0.1421 80.9);
    --amber-10: oklch(52.8% 0.1325 80.9);
    --amber-11: oklch(34.4% 0.1325 80.9);
    --amber-12: oklch(16.0% 0.0735 80.9);
    --amber-a1: oklch(99.8% 0.0017 80.9 / 0.008);
    --amber-a2: oklch(98.7% 0.0181 80.9 / 0.032);
    --amber-a3: oklch(96.4% 0.0207 80.9 / 0.059);
    --amber-a4: oklch(93.4% 0.0305 80.9 / 0.106);
    --amber-a5: oklch(89.8% 0.0399 80.9 / 0.153);
    --amber-a6: oklch(85.8% 0.0536 80.9 / 0.212);
    --amber-a7: oklch(81.3% 0.0675 80.9 / 0.295);
    --amber-a8: oklch(76.4% 0.0897 80.9 / 0.404);
    --amber-a9: oklch(71.2% 0.1421 80.9 / 0.632);
    --amber-a10: oklch(52.8% 0.1325 80.9 / 0.675);
    --amber-a11: oklch(34.4% 0.1325 80.9 / 0.679);
    --amber-a12: oklch(16.0% 0.0735 80.9 / 0.848);
    &[rene-accent='amber'], & [rene-accent='amber']
    {
        --color-1: var(--amber-1);
        --color-2: var(--amber-2);
        --color-3: var(--amber-3);
        --color-4: var(--amber-4);
        --color-5: var(--amber-5);
        --color-6: var(--amber-6);
        --color-7: var(--amber-7);
        --color-8: var(--amber-8);
        --color-9: var(--amber-9);
        --color-10: var(--amber-10);
        --color-11: var(--amber-11);
        --color-12: var(--amber-12);
        --color-a1: var(--amber-a1);
        --color-a2: var(--amber-a2);
        --color-a3: var(--amber-a3);
        --color-a4: var(--amber-a4);
        --color-a5: var(--amber-a5);
        --color-a6: var(--amber-a6);
        --color-a7: var(--amber-a7);
        --color-a8: var(--amber-a8);
        --color-a9: var(--amber-a9);
        --color-a10: var(--amber-a10);
        --color-a11: var(--amber-a11);
        --color-a12: var(--amber-a12);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0142 80.9 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --teal-1: oklch(99.8% 0.0015 241.0);
    --teal-2: oklch(98.2% 0.0174 241.0);
    --teal-3: oklch(94.9% 0.0195 241.0);
    --teal-4: oklch(90.7% 0.0280 241.0);
    --teal-5: oklch(85.6% 0.0362 241.0);
    --teal-6: oklch(79.9% 0.0486 241.0);
    --teal-7: oklch(73.6% 0.0612 241.0);
    --teal-8: oklch(66.7% 0.0813 241.0);
    --teal-9: oklch(59.3% 0.1288 241.0);
    --teal-10: oklch(44.9% 0.1200 241.0);
    --teal-11: oklch(30.4% 0.1200 241.0);
    --teal-12: oklch(16.0% 0.0666 241.0);
    --teal-a1: oklch(99.8% 0.0015 241.0 / 0.008);
    --teal-a2: oklch(98.2% 0.0174 241.0 / 0.032);
    --teal-a3: oklch(94.9% 0.0195 241.0 / 0.059);
    --teal-a4: oklch(90.7% 0.0280 241.0 / 0.106);
    --teal-a5: oklch(85.6% 0.0362 241.0 / 0.153);
    --teal-a6: oklch(79.9% 0.0486 241.0 / 0.212);
    --teal-a7: oklch(73.6% 0.0612 241.0 / 0.295);
    --teal-a8: oklch(66.7% 0.0813 241.0 / 0.404);
    --teal-a9: oklch(59.3% 0.1288 241.0 / 0.632);
    --teal-a10: oklch(44.9% 0.1200 241.0 / 0.675);
    --teal-a11: oklch(30.4% 0.1200 241.0 / 0.679);
    --teal-a12: oklch(16.0% 0.0666 241.0 / 0.848);
    &[rene-accent='teal'], & [rene-accent='teal']
    {
        --color-1: var(--teal-1);
        --color-2: var(--teal-2);
        --color-3: var(--teal-3);
        --color-4: var(--teal-4);
        --color-5: var(--teal-5);
        --color-6: var(--teal-6);
        --color-7: var(--teal-7);
        --color-8: var(--teal-8);
        --color-9: var(--teal-9);
        --color-10: var(--teal-10);
        --color-11: var(--teal-11);
        --color-12: var(--teal-12);
        --color-a1: var(--teal-a1);
        --color-a2: var(--teal-a2);
        --color-a3: var(--teal-a3);
        --color-a4: var(--teal-a4);
        --color-a5: var(--teal-a5);
        --color-a6: var(--teal-a6);
        --color-a7: var(--teal-a7);
        --color-a8: var(--teal-a8);
        --color-a9: var(--teal-a9);
        --color-a10: var(--teal-a10);
        --color-a11: var(--teal-a11);
        --color-a12: var(--teal-a12);
        --color-contrast: #ffffff;
        --color-surface: oklch(99.2% 0.0129 241.0 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
}