[rene-theme='shop-light']{
    --bg-base: #FFF;
    --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: 100;
    --default-line-height: 1.5;
    --default-letter-spacing: 0em;
    --default-leading-trim-start: 0.42em;
    --default-leading-trim-end: 0.36em;
    --heading-font-family: 'Bliss Pro', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,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: 'Bliss Pro', -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,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.0022 94.5);
    --brand-2: oklch(99.5% 0.0199 94.5);
    --brand-3: oklch(98.5% 0.0243 94.5);
    --brand-4: oklch(97.3% 0.0378 94.5);
    --brand-5: oklch(95.9% 0.0509 94.5);
    --brand-6: oklch(94.2% 0.0683 94.5);
    --brand-7: oklch(92.4% 0.0860 94.5);
    --brand-8: oklch(90.4% 0.1143 94.5);
    --brand-9: oklch(88.3% 0.1811 94.5);
    --brand-10: oklch(64.2% 0.1688 94.5);
    --brand-11: oklch(40.1% 0.1688 94.5);
    --brand-12: oklch(16.0% 0.0936 94.5);
    --brand-a1: oklch(99.8% 0.0022 94.5 / 0.008);
    --brand-a2: oklch(99.5% 0.0199 94.5 / 0.032);
    --brand-a3: oklch(98.5% 0.0243 94.5 / 0.059);
    --brand-a4: oklch(97.3% 0.0378 94.5 / 0.106);
    --brand-a5: oklch(95.9% 0.0509 94.5 / 0.153);
    --brand-a6: oklch(94.2% 0.0683 94.5 / 0.212);
    --brand-a7: oklch(92.4% 0.0860 94.5 / 0.295);
    --brand-a8: oklch(90.4% 0.1143 94.5 / 0.404);
    --brand-a9: oklch(88.3% 0.1811 94.5 / 0.632);
    --brand-a10: oklch(64.2% 0.1688 94.5 / 0.675);
    --brand-a11: oklch(40.1% 0.1688 94.5 / 0.679);
    --brand-a12: oklch(16.0% 0.0936 94.5 / 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: #000000;
        --color-surface: oklch(99.2% 0.0181 94.5 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    --gray-1: oklch(99.8% 0.0020 264.5);
    --gray-2: oklch(98.6% 0.0020 264.5);
    --gray-3: oklch(95.9% 0.0020 264.5);
    --gray-4: oklch(92.5% 0.0020 264.5);
    --gray-5: oklch(88.4% 0.0020 264.5);
    --gray-6: oklch(83.8% 0.0020 264.5);
    --gray-7: oklch(78.7% 0.0020 264.5);
    --gray-8: oklch(73.2% 0.0020 264.5);
    --gray-9: oklch(67.3% 0.0020 264.5);
    --gray-10: oklch(50.2% 0.0020 264.5);
    --gray-11: oklch(33.1% 0.0020 264.5);
    --gray-12: oklch(16.0% 0.0020 264.5);
    --gray-a1: oklch(99.8% 0.0020 264.5 / 0.008);
    --gray-a2: oklch(98.6% 0.0020 264.5 / 0.032);
    --gray-a3: oklch(95.9% 0.0020 264.5 / 0.059);
    --gray-a4: oklch(92.5% 0.0020 264.5 / 0.106);
    --gray-a5: oklch(88.4% 0.0020 264.5 / 0.153);
    --gray-a6: oklch(83.8% 0.0020 264.5 / 0.212);
    --gray-a7: oklch(78.7% 0.0020 264.5 / 0.295);
    --gray-a8: oklch(73.2% 0.0020 264.5 / 0.404);
    --gray-a9: oklch(67.3% 0.0020 264.5 / 0.632);
    --gray-a10: oklch(50.2% 0.0020 264.5 / 0.675);
    --gray-a11: oklch(33.1% 0.0020 264.5 / 0.679);
    --gray-a12: oklch(16.0% 0.0020 264.5 / 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.0006 264.5 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    &[rene-accent='blue'], & [rene-accent='blue']
    {
        --color-1: oklch(99.8% 0.0025 262.3);
        --color-2: oklch(97.5% 0.0211 262.3);
        --color-3: oklch(92.9% 0.0267 262.3);
        --color-4: oklch(87.0% 0.0425 262.3);
        --color-5: oklch(80.0% 0.0579 262.3);
        --color-6: oklch(72.0% 0.0777 262.3);
        --color-7: oklch(63.2% 0.0979 262.3);
        --color-8: oklch(53.6% 0.1300 262.3);
        --color-9: oklch(43.4% 0.2060 262.3);
        --color-10: oklch(34.2% 0.1920 262.3);
        --color-11: oklch(25.1% 0.1920 262.3);
        --color-12: oklch(16.0% 0.1065 262.3);
        --color-a1: oklch(99.8% 0.0025 262.3 / 0.008);
        --color-a2: oklch(97.5% 0.0211 262.3 / 0.032);
        --color-a3: oklch(92.9% 0.0267 262.3 / 0.059);
        --color-a4: oklch(87.0% 0.0425 262.3 / 0.106);
        --color-a5: oklch(80.0% 0.0579 262.3 / 0.153);
        --color-a6: oklch(72.0% 0.0777 262.3 / 0.212);
        --color-a7: oklch(63.2% 0.0979 262.3 / 0.295);
        --color-a8: oklch(53.6% 0.1300 262.3 / 0.404);
        --color-a9: oklch(43.4% 0.2060 262.3 / 0.632);
        --color-a10: oklch(34.2% 0.1920 262.3 / 0.675);
        --color-a11: oklch(25.1% 0.1920 262.3 / 0.679);
        --color-a12: oklch(16.0% 0.1065 262.3 / 0.848);
        --color-contrast: #ffffff;
        --color-surface: oklch(99.2% 0.0206 262.3 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    &[rene-accent='red'], & [rene-accent='red']
    {
        --color-1: oklch(99.8% 0.0023 23.0);
        --color-2: oklch(98.3% 0.0205 23.0);
        --color-3: oklch(95.3% 0.0255 23.0);
        --color-4: oklch(91.4% 0.0401 23.0);
        --color-5: oklch(86.8% 0.0543 23.0);
        --color-6: oklch(81.5% 0.0729 23.0);
        --color-7: oklch(75.7% 0.0918 23.0);
        --color-8: oklch(69.4% 0.1220 23.0);
        --color-9: oklch(62.6% 0.1933 23.0);
        --color-10: oklch(47.0% 0.1802 23.0);
        --color-11: oklch(31.5% 0.1802 23.0);
        --color-12: oklch(16.0% 0.1000 23.0);
        --color-a1: oklch(99.8% 0.0023 23.0 / 0.008);
        --color-a2: oklch(98.3% 0.0205 23.0 / 0.032);
        --color-a3: oklch(95.3% 0.0255 23.0 / 0.059);
        --color-a4: oklch(91.4% 0.0401 23.0 / 0.106);
        --color-a5: oklch(86.8% 0.0543 23.0 / 0.153);
        --color-a6: oklch(81.5% 0.0729 23.0 / 0.212);
        --color-a7: oklch(75.7% 0.0918 23.0 / 0.295);
        --color-a8: oklch(69.4% 0.1220 23.0 / 0.404);
        --color-a9: oklch(62.6% 0.1933 23.0 / 0.632);
        --color-a10: oklch(47.0% 0.1802 23.0 / 0.675);
        --color-a11: oklch(31.5% 0.1802 23.0 / 0.679);
        --color-a12: oklch(16.0% 0.1000 23.0 / 0.848);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0193 23.0 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
    &[rene-accent='orange'], & [rene-accent='orange']
    {
        --color-1: oklch(99.8% 0.0020 75.8);
        --color-2: oklch(99.2% 0.0191 75.8);
        --color-3: oklch(97.7% 0.0227 75.8);
        --color-4: oklch(95.8% 0.0346 75.8);
        --color-5: oklch(93.5% 0.0461 75.8);
        --color-6: oklch(91.0% 0.0618 75.8);
        --color-7: oklch(88.1% 0.0779 75.8);
        --color-8: oklch(85.0% 0.1034 75.8);
        --color-9: oklch(81.7% 0.1639 75.8);
        --color-10: oklch(59.8% 0.1527 75.8);
        --color-11: oklch(37.9% 0.1527 75.8);
        --color-12: oklch(16.0% 0.0847 75.8);
        --color-a1: oklch(99.8% 0.0020 75.8 / 0.008);
        --color-a2: oklch(99.2% 0.0191 75.8 / 0.032);
        --color-a3: oklch(97.7% 0.0227 75.8 / 0.059);
        --color-a4: oklch(95.8% 0.0346 75.8 / 0.106);
        --color-a5: oklch(93.5% 0.0461 75.8 / 0.153);
        --color-a6: oklch(91.0% 0.0618 75.8 / 0.212);
        --color-a7: oklch(88.1% 0.0779 75.8 / 0.295);
        --color-a8: oklch(85.0% 0.1034 75.8 / 0.404);
        --color-a9: oklch(81.7% 0.1639 75.8 / 0.632);
        --color-a10: oklch(59.8% 0.1527 75.8 / 0.675);
        --color-a11: oklch(37.9% 0.1527 75.8 / 0.679);
        --color-a12: oklch(16.0% 0.0847 75.8 / 0.848);
        --color-contrast: #000000;
        --color-surface: oklch(99.2% 0.0164 75.8 / 0.5);
        --color-indicator: var(--color-9);
        --color-track: var(--color-9);
    }
}