/*

Seed
----
brandPrimary: blue
brandSecondary: gray
statusSuccess: green
statusWarning: amber
statusError: red
statusInformation: lightblue
surfaceBrand: primary
surfaceIntensity: 2
contrastLevel: aa
contrastAlgorithm: wcag21
fontFamilyMain: roboto-flex
fontFamilyHeadings: roboto-flex
fontFamilyMonospace: roboto-mono
fontWeightMain: 400
fontWeightHeadings: 700
fontWeightMonospace: 400
fontAxesMain: "opsz" 14, "GRAD" 0, "wdth" 100, "slnt" 0, "XOPQ" 96, "YOPQ" 79, "XTRA" 468, "YTUC" 712, "YTLC" 514, "YTAS" 750, "YTDE" -203, "YTFI" 738
fontAxesHeadings: "opsz" 14, "GRAD" 50, "wdth" 50, "slnt" 0, "XOPQ" 90, "YOPQ" 79, "XTRA" 540, "YTUC" 650, "YTLC" 520, "YTAS" 700, "YTDE" -203, "YTFI" 738
fontAxesMonospace: initial
fontFeaturesMain: initial
fontFeaturesHeadings: initial
fontFeaturesMonospace: initial
fontsPath: ../fonts/
fontBaseSize: 13
scaleRatio: 1.2


Version
-------
25.2.0

*/


/* Color Scheme */

:root,
[data-theme$="light"]:where(:not(:root)),
:where(:root[data-theme$="dark"] [data-theme="inverted"]) {
    color-scheme: light;
}

:root[data-theme$="dark"],
[data-theme$="dark"]:where(:not(:root)),
:where(:root[data-theme$="light"] [data-theme="inverted"]) {
    color-scheme: dark;
}

/* Palette */

:root {
    --pink-10: oklch(95% 0.04 0);
    --pink-20: oklch(89% 0.1 0);
    --pink-30: oklch(84% 0.1 0);
    --pink-40: oklch(80% 0.14 0);
    --pink-50: oklch(82% 0.2 0);
    --pink-60: oklch(81% 0.22 0);
    --pink-70: oklch(54% 0.2 0);
    --pink-80: oklch(48% 0.14 0);
    --pink-90: oklch(40% 0.11 0);
    --pink-100: oklch(30% 0.07 0);
    --fuchsia-10: oklch(95% 0.04 325);
    --fuchsia-20: oklch(89% 0.1 325);
    --fuchsia-30: oklch(84% 0.1 325);
    --fuchsia-40: oklch(80% 0.14 325);
    --fuchsia-50: oklch(79% 0.18 325);
    --fuchsia-60: oklch(78% 0.2 325);
    --fuchsia-70: oklch(54% 0.2 325);
    --fuchsia-80: oklch(48% 0.14 325);
    --fuchsia-90: oklch(40% 0.11 325);
    --fuchsia-100: oklch(30% 0.07 325);
    --deeppurple-10: oklch(95% 0.04 298);
    --deeppurple-20: oklch(89% 0.1 298);
    --deeppurple-30: oklch(84% 0.1 298);
    --deeppurple-40: oklch(80% 0.14 298);
    --deeppurple-50: oklch(51% 0.17 298);
    --deeppurple-60: oklch(50% 0.19 298);
    --deeppurple-70: oklch(54% 0.2 298);
    --deeppurple-80: oklch(48% 0.14 298);
    --deeppurple-90: oklch(40% 0.11 298);
    --deeppurple-100: oklch(30% 0.07 298);
    --navy-10: oklch(95% 0.04 266);
    --navy-20: oklch(89% 0.1 266);
    --navy-30: oklch(84% 0.1 266);
    --navy-40: oklch(80% 0.14 266);
    --navy-50: oklch(45% 0.14 266);
    --navy-60: oklch(40% 0.16 266);
    --navy-70: oklch(54% 0.2 266);
    --navy-80: oklch(48% 0.14 266);
    --navy-90: oklch(40% 0.11 266);
    --navy-100: oklch(30% 0.07 266);
    --blue-10: oklch(95% 0.04 250);
    --blue-20: oklch(89% 0.1 250);
    --blue-30: oklch(84% 0.1 250);
    --blue-40: oklch(80% 0.14 250);
    --blue-50: oklch(56% 0.18 250);
    --blue-60: oklch(55% 0.2 250);
    --blue-70: oklch(54% 0.2 250);
    --blue-80: oklch(48% 0.14 250);
    --blue-90: oklch(40% 0.11 250);
    --blue-100: oklch(30% 0.07 250);
    --lightblue-10: oklch(95% 0.04 230);
    --lightblue-20: oklch(89% 0.1 230);
    --lightblue-30: oklch(84% 0.1 230);
    --lightblue-40: oklch(80% 0.14 230);
    --lightblue-50: oklch(81% 0.17 230);
    --lightblue-60: oklch(80% 0.19 230);
    --lightblue-70: oklch(54% 0.2 230);
    --lightblue-80: oklch(48% 0.14 230);
    --lightblue-90: oklch(40% 0.11 230);
    --lightblue-100: oklch(30% 0.07 230);
    --aqua-10: oklch(95% 0.04 205);
    --aqua-20: oklch(89% 0.1 205);
    --aqua-30: oklch(84% 0.1 205);
    --aqua-40: oklch(80% 0.14 205);
    --aqua-50: oklch(77% 0.16 205);
    --aqua-60: oklch(76% 0.18 205);
    --aqua-70: oklch(54% 0.2 205);
    --aqua-80: oklch(48% 0.14 205);
    --aqua-90: oklch(40% 0.11 205);
    --aqua-100: oklch(30% 0.07 205);
    --teal-10: oklch(95% 0.04 175);
    --teal-20: oklch(89% 0.1 175);
    --teal-30: oklch(84% 0.1 175);
    --teal-40: oklch(80% 0.14 175);
    --teal-50: oklch(55% 0.12 175);
    --teal-60: oklch(54% 0.12 175);
    --teal-70: oklch(54% 0.2 175);
    --teal-80: oklch(48% 0.14 175);
    --teal-90: oklch(40% 0.11 175);
    --teal-100: oklch(30% 0.07 175);
    --green-10: oklch(95% 0.04 146);
    --green-20: oklch(89% 0.1 146);
    --green-30: oklch(84% 0.1 146);
    --green-40: oklch(80% 0.14 146);
    --green-50: oklch(51% 0.2 146);
    --green-60: oklch(50% 0.22 146);
    --green-70: oklch(54% 0.2 146);
    --green-80: oklch(48% 0.14 146);
    --green-90: oklch(40% 0.11 146);
    --green-100: oklch(30% 0.07 146);
    --lightgreen-10: oklch(95% 0.04 135);
    --lightgreen-20: oklch(89% 0.1 135);
    --lightgreen-30: oklch(84% 0.1 135);
    --lightgreen-40: oklch(80% 0.14 135);
    --lightgreen-50: oklch(84% 0.15 135);
    --lightgreen-60: oklch(83% 0.17 135);
    --lightgreen-70: oklch(54% 0.2 135);
    --lightgreen-80: oklch(48% 0.14 135);
    --lightgreen-90: oklch(40% 0.11 135);
    --lightgreen-100: oklch(30% 0.07 135);
    --lime-10: oklch(95% 0.04 128);
    --lime-20: oklch(89% 0.1 128);
    --lime-30: oklch(84% 0.1 128);
    --lime-40: oklch(80% 0.14 128);
    --lime-50: oklch(75% 0.14 128);
    --lime-60: oklch(74% 0.16 128);
    --lime-70: oklch(54% 0.2 128);
    --lime-80: oklch(48% 0.14 128);
    --lime-90: oklch(40% 0.11 128);
    --lime-100: oklch(30% 0.07 128);
    --yellow-10: oklch(95% 0.04 99);
    --yellow-20: oklch(89% 0.1 99);
    --yellow-30: oklch(84% 0.1 99);
    --yellow-40: oklch(80% 0.14 99);
    --yellow-50: oklch(91% 0.16 99);
    --yellow-60: oklch(90% 0.18 99);
    --yellow-70: oklch(54% 0.2 99);
    --yellow-80: oklch(48% 0.14 99);
    --yellow-90: oklch(40% 0.11 99);
    --yellow-100: oklch(30% 0.07 99);
    --amber-10: oklch(95% 0.04 82);
    --amber-20: oklch(89% 0.1 82);
    --amber-30: oklch(84% 0.1 82);
    --amber-40: oklch(80% 0.14 82);
    --amber-50: oklch(84% 0.15 82);
    --amber-60: oklch(83% 0.17 82);
    --amber-70: oklch(54% 0.2 82);
    --amber-80: oklch(48% 0.14 82);
    --amber-90: oklch(40% 0.11 82);
    --amber-100: oklch(30% 0.07 82);
    --orange-10: oklch(95% 0.04 62);
    --orange-20: oklch(89% 0.1 62);
    --orange-30: oklch(84% 0.1 62);
    --orange-40: oklch(80% 0.14 62);
    --orange-50: oklch(78% 0.14 62);
    --orange-60: oklch(77% 0.16 62);
    --orange-70: oklch(54% 0.2 62);
    --orange-80: oklch(48% 0.14 62);
    --orange-90: oklch(40% 0.11 62);
    --orange-100: oklch(30% 0.07 62);
    --deeporange-10: oklch(95% 0.04 45);
    --deeporange-20: oklch(89% 0.1 45);
    --deeporange-30: oklch(84% 0.1 45);
    --deeporange-40: oklch(80% 0.14 45);
    --deeporange-50: oklch(59% 0.2 45);
    --deeporange-60: oklch(58% 0.22 45);
    --deeporange-70: oklch(54% 0.2 45);
    --deeporange-80: oklch(48% 0.14 45);
    --deeporange-90: oklch(40% 0.11 45);
    --deeporange-100: oklch(30% 0.07 45);
    --red-10: oklch(95% 0.04 28);
    --red-20: oklch(89% 0.1 28);
    --red-30: oklch(84% 0.1 28);
    --red-40: oklch(80% 0.14 28);
    --red-50: oklch(52% 0.2 28);
    --red-60: oklch(51% 0.22 28);
    --red-70: oklch(54% 0.2 28);
    --red-80: oklch(48% 0.14 28);
    --red-90: oklch(40% 0.11 28);
    --red-100: oklch(30% 0.07 28);
    --brown-10: oklch(95% 0.03 50);
    --brown-20: oklch(89% 0.03 50);
    --brown-30: oklch(84% 0.03 50);
    --brown-40: oklch(80% 0.03 50);
    --brown-50: oklch(45% 0.07 50);
    --brown-60: oklch(42% 0.07 50);
    --brown-70: oklch(54% 0.03 50);
    --brown-80: oklch(48% 0.03 50);
    --brown-90: oklch(40% 0.03 50);
    --brown-100: oklch(30% 0.03 50);
    --gray-10: oklch(95% 0 0);
    --gray-20: oklch(89% 0 0);
    --gray-30: oklch(84% 0 0);
    --gray-40: oklch(80% 0 0);
    --gray-50: oklch(46% 0 0);
    --gray-60: oklch(45% 0 0);
    --gray-70: oklch(54% 0 0);
    --gray-80: oklch(48% 0 0);
    --gray-90: oklch(40% 0 0);
    --gray-100: oklch(30% 0 0);
    --silver-10: oklch(97% 0 0);
    --silver-20: oklch(94% 0 0);
    --silver-30: oklch(91% 0 0);
    --silver-40: oklch(88% 0 0);
    --silver-50: oklch(78% 0 0);
    --silver-60: oklch(75% 0 0);
    --silver-70: oklch(72% 0 0);
    --silver-80: oklch(64% 0 0);
    --silver-90: oklch(52% 0 0);
    --silver-100: oklch(44% 0 0);
    --black-10: oklch(87% 0 0);
    --black-20: oklch(79% 0 0);
    --black-30: oklch(72% 0 0);
    --black-40: oklch(65% 0 0);
    --black-50: oklch(1% 0 0);
    --black-60: oklch(1% 0 0);
    --black-70: oklch(32% 0 0);
    --black-80: oklch(26% 0 0);
    --black-90: oklch(20% 0 0);
    --black-100: oklch(20% 0 0);
}

/* Brand */

:root {
    --brand-primary-10: var(--blue-10);
    --brand-primary-20: var(--blue-20);
    --brand-primary-30: var(--blue-30);
    --brand-primary-40: var(--blue-40);
    --brand-primary-50: var(--blue-50);
    --brand-primary-60: var(--blue-60);
    --brand-primary-70: var(--blue-70);
    --brand-primary-80: var(--blue-80);
    --brand-primary-90: var(--blue-90);
    --brand-primary-100: var(--blue-100);
    --brand-secondary-10: var(--gray-10);
    --brand-secondary-20: var(--gray-20);
    --brand-secondary-30: var(--gray-30);
    --brand-secondary-40: var(--gray-40);
    --brand-secondary-50: var(--gray-50);
    --brand-secondary-60: var(--gray-60);
    --brand-secondary-70: var(--gray-70);
    --brand-secondary-80: var(--gray-80);
    --brand-secondary-90: var(--gray-90);
    --brand-secondary-100: var(--gray-100);
}

/* Status */

:root {
    --status-success-10: var(--green-10);
    --status-success-20: var(--green-20);
    --status-success-30: var(--green-30);
    --status-success-40: var(--green-40);
    --status-success-50: var(--green-50);
    --status-success-60: var(--green-60);
    --status-success-70: var(--green-70);
    --status-success-80: var(--green-80);
    --status-success-90: var(--green-90);
    --status-success-100: var(--green-100);
    --status-warning-10: var(--amber-10);
    --status-warning-20: var(--amber-20);
    --status-warning-30: var(--amber-30);
    --status-warning-40: var(--amber-40);
    --status-warning-50: var(--amber-50);
    --status-warning-60: var(--amber-60);
    --status-warning-70: var(--amber-70);
    --status-warning-80: var(--amber-80);
    --status-warning-90: var(--amber-90);
    --status-warning-100: var(--amber-100);
    --status-error-10: var(--red-10);
    --status-error-20: var(--red-20);
    --status-error-30: var(--red-30);
    --status-error-40: var(--red-40);
    --status-error-50: var(--red-50);
    --status-error-60: var(--red-60);
    --status-error-70: var(--red-70);
    --status-error-80: var(--red-80);
    --status-error-90: var(--red-90);
    --status-error-100: var(--red-100);
    --status-information-10: var(--lightblue-10);
    --status-information-20: var(--lightblue-20);
    --status-information-30: var(--lightblue-30);
    --status-information-40: var(--lightblue-40);
    --status-information-50: var(--lightblue-50);
    --status-information-60: var(--lightblue-60);
    --status-information-70: var(--lightblue-70);
    --status-information-80: var(--lightblue-80);
    --status-information-90: var(--lightblue-90);
    --status-information-100: var(--lightblue-100);
}

/* Rights */

:root {
    --rights-required-10: var(--yellow-10);
    --rights-required-20: var(--yellow-20);
    --rights-required-30: var(--yellow-30);
    --rights-required-40: var(--yellow-40);
    --rights-required-50: var(--yellow-50);
    --rights-required-60: var(--yellow-60);
    --rights-required-70: var(--yellow-70);
    --rights-required-80: var(--yellow-80);
    --rights-required-90: var(--yellow-90);
    --rights-required-100: var(--yellow-100);
    --rights-postponed-required-10: var(--orange-10);
    --rights-postponed-required-20: var(--orange-20);
    --rights-postponed-required-30: var(--orange-30);
    --rights-postponed-required-40: var(--orange-40);
    --rights-postponed-required-50: var(--orange-50);
    --rights-postponed-required-60: var(--orange-60);
    --rights-postponed-required-70: var(--orange-70);
    --rights-postponed-required-80: var(--orange-80);
    --rights-postponed-required-90: var(--orange-90);
    --rights-postponed-required-100: var(--orange-100);
    --rights-recommended-10: var(--aqua-10);
    --rights-recommended-20: var(--aqua-20);
    --rights-recommended-30: var(--aqua-30);
    --rights-recommended-40: var(--aqua-40);
    --rights-recommended-50: var(--aqua-50);
    --rights-recommended-60: var(--aqua-60);
    --rights-recommended-70: var(--aqua-70);
    --rights-recommended-80: var(--aqua-80);
    --rights-recommended-90: var(--aqua-90);
    --rights-recommended-100: var(--aqua-100);
}

/* Palette Surfaces */

:root {
    --_surface-pink-minimal_light: var(--pink-10);
    --_surface-pink-minimal_dark: var(--pink-100);
    --_surface-pink-minimal-hover_light: oklch(90.9% 0.086 0);
    --_surface-pink-minimal-hover_dark: oklch(39.7% 0.105 0);
    --_surface-pink-minimal-hover_light: oklch(88.9% 0.094 0);
    --_surface-pink-minimal-hover_dark: oklch(45.1% 0.108 0);

    --_text-primary-on-surface-pink-minimal_light: oklch(28.5% 0.112 0);
    --_text-primary-on-surface-pink-minimal_dark: oklch(95.2% 0.028 0);
    --_text-secondary-on-surface-pink-minimal_light: oklch(46.6% 0.04 0);
    --_text-secondary-on-surface-pink-minimal_dark: oklch(70.5% 0.071 0);
    --_text-disabled-on-surface-pink-minimal_light: oklch(76% 0.032 0);
    --_text-disabled-on-surface-pink-minimal_dark: oklch(60.805% 0.06825 0);

    --surface-pink-minimal: light-dark(var(--_surface-pink-minimal_light), var(--_surface-pink-minimal_dark));
    --surface-pink-minimal-hover: light-dark(var(--_surface-pink-minimal-hover_light), var(--_surface-pink-minimal-hover_dark));
    --surface-pink-minimal-active: light-dark(var(--_surface-pink-minimal-hover_light), var(--_surface-pink-minimal-hover_dark));

    --text-primary-on-surface-pink-minimal: light-dark(var(--_text-primary-on-surface-pink-minimal_light), var(--_text-primary-on-surface-pink-minimal_dark));
    --text-secondary-on-surface-pink-minimal: light-dark(var(--_text-secondary-on-surface-pink-minimal_light), var(--_text-secondary-on-surface-pink-minimal_dark));
    --text-disabled-on-surface-pink-minimal: light-dark(var(--_text-disabled-on-surface-pink-minimal_light), var(--_text-disabled-on-surface-pink-minimal_dark));

    --_surface-pink-subtle_light: var(--pink-20);
    --_surface-pink-subtle_dark: var(--pink-90);
    --_surface-pink-subtle-hover_light: oklch(85.5% 0.14 0);
    --_surface-pink-subtle-hover_dark: oklch(47.9% 0.138 0);
    --_surface-pink-subtle-hover_light: oklch(83.8% 0.145 0);
    --_surface-pink-subtle-hover_dark: oklch(52.3% 0.137 0);

    --_text-primary-on-surface-pink-subtle_light: oklch(26.7% 0.12 0);
    --_text-primary-on-surface-pink-subtle_dark: oklch(95.8% 0.021 0);
    --_text-secondary-on-surface-pink-subtle_light: oklch(43.6% 0.069 0);
    --_text-secondary-on-surface-pink-subtle_dark: oklch(74.5% 0.088 0);
    --_text-disabled-on-surface-pink-subtle_light: oklch(71.2% 0.08 0);
    --_text-disabled-on-surface-pink-subtle_dark: oklch(66.135% 0.0897 0);

    --surface-pink-subtle: light-dark(var(--_surface-pink-subtle_light), var(--_surface-pink-subtle_dark));
    --surface-pink-subtle-hover: light-dark(var(--_surface-pink-subtle-hover_light), var(--_surface-pink-subtle-hover_dark));
    --surface-pink-subtle-active: light-dark(var(--_surface-pink-subtle-hover_light), var(--_surface-pink-subtle-hover_dark));

    --text-primary-on-surface-pink-subtle: light-dark(var(--_text-primary-on-surface-pink-subtle_light), var(--_text-primary-on-surface-pink-subtle_dark));
    --text-secondary-on-surface-pink-subtle: light-dark(var(--_text-secondary-on-surface-pink-subtle_light), var(--_text-secondary-on-surface-pink-subtle_dark));
    --text-disabled-on-surface-pink-subtle: light-dark(var(--_text-disabled-on-surface-pink-subtle_light), var(--_text-disabled-on-surface-pink-subtle_dark));

    --_surface-pink-moderate_light: var(--pink-40);
    --_surface-pink-moderate_dark: var(--pink-70);
    --_surface-pink-moderate-hover_light: oklch(77.4% 0.176 0);
    --_surface-pink-moderate-hover_dark: oklch(59.4% 0.212 0);
    --_surface-pink-moderate-hover_light: oklch(76.1% 0.179 0);
    --_surface-pink-moderate-hover_dark: oklch(62.4% 0.202 0);

    --_text-primary-on-surface-pink-moderate_light: oklch(24% 0.102 0);
    --_text-primary-on-surface-pink-moderate_dark: oklch(96.8% 0.017 0);
    --_text-secondary-on-surface-pink-moderate_light: oklch(39.2% 0.089 0);
    --_text-secondary-on-surface-pink-moderate_dark: oklch(80.1% 0.12 0);
    --_text-disabled-on-surface-pink-moderate_light: oklch(64% 0.1 0);
    --_text-disabled-on-surface-pink-moderate_dark: oklch(73.61% 0.1 0);

    --surface-pink-moderate: light-dark(var(--_surface-pink-moderate_light), var(--_surface-pink-moderate_dark));
    --surface-pink-moderate-hover: light-dark(var(--_surface-pink-moderate-hover_light), var(--_surface-pink-moderate-hover_dark));
    --surface-pink-moderate-active: light-dark(var(--_surface-pink-moderate-hover_light), var(--_surface-pink-moderate-hover_dark));

    --text-primary-on-surface-pink-moderate: light-dark(var(--_text-primary-on-surface-pink-moderate_light), var(--_text-primary-on-surface-pink-moderate_dark));
    --text-secondary-on-surface-pink-moderate: light-dark(var(--_text-secondary-on-surface-pink-moderate_light), var(--_text-secondary-on-surface-pink-moderate_dark));
    --text-disabled-on-surface-pink-moderate: light-dark(var(--_text-disabled-on-surface-pink-moderate_light), var(--_text-disabled-on-surface-pink-moderate_dark));

    --_surface-pink-strong_light: var(--pink-60);
    --_surface-pink-strong_dark: var(--pink-50);
    --_surface-pink-strong-hover_light: oklch(78.3% 0.248 0);
    --_surface-pink-strong-hover_dark: oklch(77% 0.23 0);
    --_surface-pink-strong-hover_light: oklch(77% 0.247 0);
    --_surface-pink-strong-hover_dark: oklch(74.2% 0.23 0);

    --_text-primary-on-surface-pink-strong_light: oklch(24.3% 0.106 0);
    --_text-primary-on-surface-pink-strong_dark: oklch(24.6% 0.11 0);
    --_text-secondary-on-surface-pink-strong_light: oklch(39.7% 0.12 0);
    --_text-secondary-on-surface-pink-strong_dark: oklch(40.2% 0.118 0);
    --_text-disabled-on-surface-pink-strong_light: oklch(64.8% 0.1 0);
    --_text-disabled-on-surface-pink-strong_dark: oklch(65.6% 0.1 0);

    --surface-pink-strong: light-dark(var(--_surface-pink-strong_light), var(--_surface-pink-strong_dark));
    --surface-pink-strong-hover: light-dark(var(--_surface-pink-strong-hover_light), var(--_surface-pink-strong-hover_dark));
    --surface-pink-strong-active: light-dark(var(--_surface-pink-strong-hover_light), var(--_surface-pink-strong-hover_dark));

    --text-primary-on-surface-pink-strong: light-dark(var(--_text-primary-on-surface-pink-strong_light), var(--_text-primary-on-surface-pink-strong_dark));
    --text-secondary-on-surface-pink-strong: light-dark(var(--_text-secondary-on-surface-pink-strong_light), var(--_text-secondary-on-surface-pink-strong_dark));
    --text-disabled-on-surface-pink-strong: light-dark(var(--_text-disabled-on-surface-pink-strong_light), var(--_text-disabled-on-surface-pink-strong_dark));

    --_surface-pink-contrast_light: var(--pink-90);
    --_surface-pink-contrast_dark: var(--pink-20);
    --_surface-pink-contrast-hover_light: oklch(45.5% 0.133 0);
    --_surface-pink-contrast-hover_dark: oklch(82.7% 0.148 0);
    --_surface-pink-contrast-hover_light: oklch(48.3% 0.13 0);
    --_surface-pink-contrast-hover_dark: oklch(79.2% 0.158 0);

    --_text-primary-on-surface-pink-contrast_light: oklch(95.6% 0.031 0);
    --_text-primary-on-surface-pink-contrast_dark: oklch(26.7% 0.12 0);
    --_text-secondary-on-surface-pink-contrast_light: oklch(73.3% 0.085 0);
    --_text-secondary-on-surface-pink-contrast_dark: oklch(43.6% 0.069 0);
    --_text-disabled-on-surface-pink-contrast_light: oklch(64.575% 0.08645 0);
    --_text-disabled-on-surface-pink-contrast_dark: oklch(71.2% 0.08 0);

    --surface-pink-contrast: light-dark(var(--_surface-pink-contrast_light), var(--_surface-pink-contrast_dark));
    --surface-pink-contrast-hover: light-dark(var(--_surface-pink-contrast-hover_light), var(--_surface-pink-contrast-hover_dark));
    --surface-pink-contrast-active: light-dark(var(--_surface-pink-contrast-hover_light), var(--_surface-pink-contrast-hover_dark));

    --text-primary-on-surface-pink-contrast: light-dark(var(--_text-primary-on-surface-pink-contrast_light), var(--_text-primary-on-surface-pink-contrast_dark));
    --text-secondary-on-surface-pink-contrast: light-dark(var(--_text-secondary-on-surface-pink-contrast_light), var(--_text-secondary-on-surface-pink-contrast_dark));
    --text-disabled-on-surface-pink-contrast: light-dark(var(--_text-disabled-on-surface-pink-contrast_light), var(--_text-disabled-on-surface-pink-contrast_dark));

    --_surface-pink-main_light: var(--pink-30);
    --_surface-pink-main_dark: var(--pink-100);
    --_surface-pink-main-hover_light: oklch(81% 0.14 0);
    --_surface-pink-main-hover_dark: oklch(39.7% 0.105 0);
    --_surface-pink-main-hover_light: oklch(79.5% 0.145 0);
    --_surface-pink-main-hover_dark: oklch(45.1% 0.108 0);

    --_text-primary-on-surface-pink-main_light: oklch(25.2% 0.11 0);
    --_text-primary-on-surface-pink-main_dark: oklch(95.2% 0.028 0);
    --_text-secondary-on-surface-pink-main_light: oklch(41.2% 0.069 0);
    --_text-secondary-on-surface-pink-main_dark: oklch(70.5% 0.071 0);
    --_text-disabled-on-surface-pink-main_light: oklch(67.2% 0.08 0);
    --_text-disabled-on-surface-pink-main_dark: oklch(60.805% 0.06825 0);

    --surface-pink-main: light-dark(var(--_surface-pink-main_light), var(--_surface-pink-main_dark));
    --surface-pink-main-hover: light-dark(var(--_surface-pink-main-hover_light), var(--_surface-pink-main-hover_dark));
    --surface-pink-main-active: light-dark(var(--_surface-pink-main-hover_light), var(--_surface-pink-main-hover_dark));

    --text-primary-on-surface-pink-main: light-dark(var(--_text-primary-on-surface-pink-main_light), var(--_text-primary-on-surface-pink-main_dark));
    --text-secondary-on-surface-pink-main: light-dark(var(--_text-secondary-on-surface-pink-main_light), var(--_text-secondary-on-surface-pink-main_dark));
    --text-disabled-on-surface-pink-main: light-dark(var(--_text-disabled-on-surface-pink-main_light), var(--_text-disabled-on-surface-pink-main_dark));

    --_surface-fuchsia-minimal_light: var(--fuchsia-10);
    --_surface-fuchsia-minimal_dark: var(--fuchsia-100);
    --_surface-fuchsia-minimal-hover_light: oklch(90.9% 0.086 325);
    --_surface-fuchsia-minimal-hover_dark: oklch(39.7% 0.105 325);
    --_surface-fuchsia-minimal-hover_light: oklch(88.9% 0.094 325);
    --_surface-fuchsia-minimal-hover_dark: oklch(45.1% 0.108 325);

    --_text-primary-on-surface-fuchsia-minimal_light: oklch(28.5% 0.112 325);
    --_text-primary-on-surface-fuchsia-minimal_dark: oklch(95.2% 0.038 325);
    --_text-secondary-on-surface-fuchsia-minimal_light: oklch(46.6% 0.04 325);
    --_text-secondary-on-surface-fuchsia-minimal_dark: oklch(70.5% 0.071 325);
    --_text-disabled-on-surface-fuchsia-minimal_light: oklch(76% 0.032 325);
    --_text-disabled-on-surface-fuchsia-minimal_dark: oklch(60.805% 0.06825 325);

    --surface-fuchsia-minimal: light-dark(var(--_surface-fuchsia-minimal_light), var(--_surface-fuchsia-minimal_dark));
    --surface-fuchsia-minimal-hover: light-dark(var(--_surface-fuchsia-minimal-hover_light), var(--_surface-fuchsia-minimal-hover_dark));
    --surface-fuchsia-minimal-active: light-dark(var(--_surface-fuchsia-minimal-hover_light), var(--_surface-fuchsia-minimal-hover_dark));

    --text-primary-on-surface-fuchsia-minimal: light-dark(var(--_text-primary-on-surface-fuchsia-minimal_light), var(--_text-primary-on-surface-fuchsia-minimal_dark));
    --text-secondary-on-surface-fuchsia-minimal: light-dark(var(--_text-secondary-on-surface-fuchsia-minimal_light), var(--_text-secondary-on-surface-fuchsia-minimal_dark));
    --text-disabled-on-surface-fuchsia-minimal: light-dark(var(--_text-disabled-on-surface-fuchsia-minimal_light), var(--_text-disabled-on-surface-fuchsia-minimal_dark));

    --_surface-fuchsia-subtle_light: var(--fuchsia-20);
    --_surface-fuchsia-subtle_dark: var(--fuchsia-90);
    --_surface-fuchsia-subtle-hover_light: oklch(85.5% 0.14 325);
    --_surface-fuchsia-subtle-hover_dark: oklch(47.9% 0.138 325);
    --_surface-fuchsia-subtle-hover_light: oklch(83.8% 0.145 325);
    --_surface-fuchsia-subtle-hover_dark: oklch(52.3% 0.137 325);

    --_text-primary-on-surface-fuchsia-subtle_light: oklch(26.7% 0.13 325);
    --_text-primary-on-surface-fuchsia-subtle_dark: oklch(95.8% 0.031 325);
    --_text-secondary-on-surface-fuchsia-subtle_light: oklch(43.6% 0.069 325);
    --_text-secondary-on-surface-fuchsia-subtle_dark: oklch(74.5% 0.088 325);
    --_text-disabled-on-surface-fuchsia-subtle_light: oklch(71.2% 0.08 325);
    --_text-disabled-on-surface-fuchsia-subtle_dark: oklch(66.135% 0.0897 325);

    --surface-fuchsia-subtle: light-dark(var(--_surface-fuchsia-subtle_light), var(--_surface-fuchsia-subtle_dark));
    --surface-fuchsia-subtle-hover: light-dark(var(--_surface-fuchsia-subtle-hover_light), var(--_surface-fuchsia-subtle-hover_dark));
    --surface-fuchsia-subtle-active: light-dark(var(--_surface-fuchsia-subtle-hover_light), var(--_surface-fuchsia-subtle-hover_dark));

    --text-primary-on-surface-fuchsia-subtle: light-dark(var(--_text-primary-on-surface-fuchsia-subtle_light), var(--_text-primary-on-surface-fuchsia-subtle_dark));
    --text-secondary-on-surface-fuchsia-subtle: light-dark(var(--_text-secondary-on-surface-fuchsia-subtle_light), var(--_text-secondary-on-surface-fuchsia-subtle_dark));
    --text-disabled-on-surface-fuchsia-subtle: light-dark(var(--_text-disabled-on-surface-fuchsia-subtle_light), var(--_text-disabled-on-surface-fuchsia-subtle_dark));

    --_surface-fuchsia-moderate_light: var(--fuchsia-40);
    --_surface-fuchsia-moderate_dark: var(--fuchsia-70);
    --_surface-fuchsia-moderate-hover_light: oklch(77.4% 0.176 325);
    --_surface-fuchsia-moderate-hover_dark: oklch(59.4% 0.212 325);
    --_surface-fuchsia-moderate-hover_light: oklch(76.1% 0.179 325);
    --_surface-fuchsia-moderate-hover_dark: oklch(62.4% 0.202 325);

    --_text-primary-on-surface-fuchsia-moderate_light: oklch(24% 0.122 325);
    --_text-primary-on-surface-fuchsia-moderate_dark: oklch(96.8% 0.027 325);
    --_text-secondary-on-surface-fuchsia-moderate_light: oklch(39.2% 0.089 325);
    --_text-secondary-on-surface-fuchsia-moderate_dark: oklch(80.1% 0.12 325);
    --_text-disabled-on-surface-fuchsia-moderate_light: oklch(64% 0.1 325);
    --_text-disabled-on-surface-fuchsia-moderate_dark: oklch(73.61% 0.1 325);

    --surface-fuchsia-moderate: light-dark(var(--_surface-fuchsia-moderate_light), var(--_surface-fuchsia-moderate_dark));
    --surface-fuchsia-moderate-hover: light-dark(var(--_surface-fuchsia-moderate-hover_light), var(--_surface-fuchsia-moderate-hover_dark));
    --surface-fuchsia-moderate-active: light-dark(var(--_surface-fuchsia-moderate-hover_light), var(--_surface-fuchsia-moderate-hover_dark));

    --text-primary-on-surface-fuchsia-moderate: light-dark(var(--_text-primary-on-surface-fuchsia-moderate_light), var(--_text-primary-on-surface-fuchsia-moderate_dark));
    --text-secondary-on-surface-fuchsia-moderate: light-dark(var(--_text-secondary-on-surface-fuchsia-moderate_light), var(--_text-secondary-on-surface-fuchsia-moderate_dark));
    --text-disabled-on-surface-fuchsia-moderate: light-dark(var(--_text-disabled-on-surface-fuchsia-moderate_light), var(--_text-disabled-on-surface-fuchsia-moderate_dark));

    --_surface-fuchsia-strong_light: var(--fuchsia-60);
    --_surface-fuchsia-strong_dark: var(--fuchsia-50);
    --_surface-fuchsia-strong-hover_light: oklch(75.6% 0.23 325);
    --_surface-fuchsia-strong-hover_dark: oklch(74.5% 0.214 325);
    --_surface-fuchsia-strong-hover_light: oklch(74.4% 0.23 325);
    --_surface-fuchsia-strong-hover_dark: oklch(72% 0.216 325);

    --_text-primary-on-surface-fuchsia-strong_light: oklch(23.4% 0.11 325);
    --_text-primary-on-surface-fuchsia-strong_dark: oklch(23.7% 0.114 325);
    --_text-secondary-on-surface-fuchsia-strong_light: oklch(38.2% 0.118 325);
    --_text-secondary-on-surface-fuchsia-strong_dark: oklch(38.7% 0.108 325);
    --_text-disabled-on-surface-fuchsia-strong_light: oklch(62.4% 0.1 325);
    --_text-disabled-on-surface-fuchsia-strong_dark: oklch(63.2% 0.1 325);

    --surface-fuchsia-strong: light-dark(var(--_surface-fuchsia-strong_light), var(--_surface-fuchsia-strong_dark));
    --surface-fuchsia-strong-hover: light-dark(var(--_surface-fuchsia-strong-hover_light), var(--_surface-fuchsia-strong-hover_dark));
    --surface-fuchsia-strong-active: light-dark(var(--_surface-fuchsia-strong-hover_light), var(--_surface-fuchsia-strong-hover_dark));

    --text-primary-on-surface-fuchsia-strong: light-dark(var(--_text-primary-on-surface-fuchsia-strong_light), var(--_text-primary-on-surface-fuchsia-strong_dark));
    --text-secondary-on-surface-fuchsia-strong: light-dark(var(--_text-secondary-on-surface-fuchsia-strong_light), var(--_text-secondary-on-surface-fuchsia-strong_dark));
    --text-disabled-on-surface-fuchsia-strong: light-dark(var(--_text-disabled-on-surface-fuchsia-strong_light), var(--_text-disabled-on-surface-fuchsia-strong_dark));

    --_surface-fuchsia-contrast_light: var(--fuchsia-90);
    --_surface-fuchsia-contrast_dark: var(--fuchsia-20);
    --_surface-fuchsia-contrast-hover_light: oklch(45.5% 0.133 325);
    --_surface-fuchsia-contrast-hover_dark: oklch(82.7% 0.148 325);
    --_surface-fuchsia-contrast-hover_light: oklch(48.3% 0.13 325);
    --_surface-fuchsia-contrast-hover_dark: oklch(79.2% 0.158 325);

    --_text-primary-on-surface-fuchsia-contrast_light: oklch(95.6% 0.041 325);
    --_text-primary-on-surface-fuchsia-contrast_dark: oklch(26.7% 0.13 325);
    --_text-secondary-on-surface-fuchsia-contrast_light: oklch(73.3% 0.085 325);
    --_text-secondary-on-surface-fuchsia-contrast_dark: oklch(43.6% 0.069 325);
    --_text-disabled-on-surface-fuchsia-contrast_light: oklch(64.575% 0.08645 325);
    --_text-disabled-on-surface-fuchsia-contrast_dark: oklch(71.2% 0.08 325);

    --surface-fuchsia-contrast: light-dark(var(--_surface-fuchsia-contrast_light), var(--_surface-fuchsia-contrast_dark));
    --surface-fuchsia-contrast-hover: light-dark(var(--_surface-fuchsia-contrast-hover_light), var(--_surface-fuchsia-contrast-hover_dark));
    --surface-fuchsia-contrast-active: light-dark(var(--_surface-fuchsia-contrast-hover_light), var(--_surface-fuchsia-contrast-hover_dark));

    --text-primary-on-surface-fuchsia-contrast: light-dark(var(--_text-primary-on-surface-fuchsia-contrast_light), var(--_text-primary-on-surface-fuchsia-contrast_dark));
    --text-secondary-on-surface-fuchsia-contrast: light-dark(var(--_text-secondary-on-surface-fuchsia-contrast_light), var(--_text-secondary-on-surface-fuchsia-contrast_dark));
    --text-disabled-on-surface-fuchsia-contrast: light-dark(var(--_text-disabled-on-surface-fuchsia-contrast_light), var(--_text-disabled-on-surface-fuchsia-contrast_dark));

    --_surface-fuchsia-main_light: var(--fuchsia-30);
    --_surface-fuchsia-main_dark: var(--fuchsia-100);
    --_surface-fuchsia-main-hover_light: oklch(81% 0.14 325);
    --_surface-fuchsia-main-hover_dark: oklch(39.7% 0.105 325);
    --_surface-fuchsia-main-hover_light: oklch(79.5% 0.145 325);
    --_surface-fuchsia-main-hover_dark: oklch(45.1% 0.108 325);

    --_text-primary-on-surface-fuchsia-main_light: oklch(25.2% 0.12 325);
    --_text-primary-on-surface-fuchsia-main_dark: oklch(95.2% 0.038 325);
    --_text-secondary-on-surface-fuchsia-main_light: oklch(41.2% 0.069 325);
    --_text-secondary-on-surface-fuchsia-main_dark: oklch(70.5% 0.071 325);
    --_text-disabled-on-surface-fuchsia-main_light: oklch(67.2% 0.08 325);
    --_text-disabled-on-surface-fuchsia-main_dark: oklch(60.805% 0.06825 325);

    --surface-fuchsia-main: light-dark(var(--_surface-fuchsia-main_light), var(--_surface-fuchsia-main_dark));
    --surface-fuchsia-main-hover: light-dark(var(--_surface-fuchsia-main-hover_light), var(--_surface-fuchsia-main-hover_dark));
    --surface-fuchsia-main-active: light-dark(var(--_surface-fuchsia-main-hover_light), var(--_surface-fuchsia-main-hover_dark));

    --text-primary-on-surface-fuchsia-main: light-dark(var(--_text-primary-on-surface-fuchsia-main_light), var(--_text-primary-on-surface-fuchsia-main_dark));
    --text-secondary-on-surface-fuchsia-main: light-dark(var(--_text-secondary-on-surface-fuchsia-main_light), var(--_text-secondary-on-surface-fuchsia-main_dark));
    --text-disabled-on-surface-fuchsia-main: light-dark(var(--_text-disabled-on-surface-fuchsia-main_light), var(--_text-disabled-on-surface-fuchsia-main_dark));

    --_surface-deeppurple-minimal_light: var(--deeppurple-10);
    --_surface-deeppurple-minimal_dark: var(--deeppurple-100);
    --_surface-deeppurple-minimal-hover_light: oklch(90.9% 0.086 298);
    --_surface-deeppurple-minimal-hover_dark: oklch(39.7% 0.105 298);
    --_surface-deeppurple-minimal-hover_light: oklch(88.9% 0.094 298);
    --_surface-deeppurple-minimal-hover_dark: oklch(45.1% 0.108 298);

    --_text-primary-on-surface-deeppurple-minimal_light: oklch(28.5% 0.112 298);
    --_text-primary-on-surface-deeppurple-minimal_dark: oklch(95.2% 0.028 298);
    --_text-secondary-on-surface-deeppurple-minimal_light: oklch(46.6% 0.04 298);
    --_text-secondary-on-surface-deeppurple-minimal_dark: oklch(70.5% 0.071 298);
    --_text-disabled-on-surface-deeppurple-minimal_light: oklch(76% 0.032 298);
    --_text-disabled-on-surface-deeppurple-minimal_dark: oklch(60.805% 0.06825 298);

    --surface-deeppurple-minimal: light-dark(var(--_surface-deeppurple-minimal_light), var(--_surface-deeppurple-minimal_dark));
    --surface-deeppurple-minimal-hover: light-dark(var(--_surface-deeppurple-minimal-hover_light), var(--_surface-deeppurple-minimal-hover_dark));
    --surface-deeppurple-minimal-active: light-dark(var(--_surface-deeppurple-minimal-hover_light), var(--_surface-deeppurple-minimal-hover_dark));

    --text-primary-on-surface-deeppurple-minimal: light-dark(var(--_text-primary-on-surface-deeppurple-minimal_light), var(--_text-primary-on-surface-deeppurple-minimal_dark));
    --text-secondary-on-surface-deeppurple-minimal: light-dark(var(--_text-secondary-on-surface-deeppurple-minimal_light), var(--_text-secondary-on-surface-deeppurple-minimal_dark));
    --text-disabled-on-surface-deeppurple-minimal: light-dark(var(--_text-disabled-on-surface-deeppurple-minimal_light), var(--_text-disabled-on-surface-deeppurple-minimal_dark));

    --_surface-deeppurple-subtle_light: var(--deeppurple-20);
    --_surface-deeppurple-subtle_dark: var(--deeppurple-90);
    --_surface-deeppurple-subtle-hover_light: oklch(85.5% 0.14 298);
    --_surface-deeppurple-subtle-hover_dark: oklch(47.9% 0.138 298);
    --_surface-deeppurple-subtle-hover_light: oklch(83.8% 0.145 298);
    --_surface-deeppurple-subtle-hover_dark: oklch(52.3% 0.137 298);

    --_text-primary-on-surface-deeppurple-subtle_light: oklch(26.7% 0.13 298);
    --_text-primary-on-surface-deeppurple-subtle_dark: oklch(95.8% 0.021 298);
    --_text-secondary-on-surface-deeppurple-subtle_light: oklch(43.6% 0.069 298);
    --_text-secondary-on-surface-deeppurple-subtle_dark: oklch(74.5% 0.088 298);
    --_text-disabled-on-surface-deeppurple-subtle_light: oklch(71.2% 0.08 298);
    --_text-disabled-on-surface-deeppurple-subtle_dark: oklch(66.135% 0.0897 298);

    --surface-deeppurple-subtle: light-dark(var(--_surface-deeppurple-subtle_light), var(--_surface-deeppurple-subtle_dark));
    --surface-deeppurple-subtle-hover: light-dark(var(--_surface-deeppurple-subtle-hover_light), var(--_surface-deeppurple-subtle-hover_dark));
    --surface-deeppurple-subtle-active: light-dark(var(--_surface-deeppurple-subtle-hover_light), var(--_surface-deeppurple-subtle-hover_dark));

    --text-primary-on-surface-deeppurple-subtle: light-dark(var(--_text-primary-on-surface-deeppurple-subtle_light), var(--_text-primary-on-surface-deeppurple-subtle_dark));
    --text-secondary-on-surface-deeppurple-subtle: light-dark(var(--_text-secondary-on-surface-deeppurple-subtle_light), var(--_text-secondary-on-surface-deeppurple-subtle_dark));
    --text-disabled-on-surface-deeppurple-subtle: light-dark(var(--_text-disabled-on-surface-deeppurple-subtle_light), var(--_text-disabled-on-surface-deeppurple-subtle_dark));

    --_surface-deeppurple-moderate_light: var(--deeppurple-40);
    --_surface-deeppurple-moderate_dark: var(--deeppurple-70);
    --_surface-deeppurple-moderate-hover_light: oklch(77.4% 0.176 298);
    --_surface-deeppurple-moderate-hover_dark: oklch(59.4% 0.212 298);
    --_surface-deeppurple-moderate-hover_light: oklch(76.1% 0.179 298);
    --_surface-deeppurple-moderate-hover_dark: oklch(62.4% 0.202 298);

    --_text-primary-on-surface-deeppurple-moderate_light: oklch(24% 0.132 298);
    --_text-primary-on-surface-deeppurple-moderate_dark: oklch(100% 0 298);
    --_text-secondary-on-surface-deeppurple-moderate_light: oklch(39.2% 0.089 298);
    --_text-secondary-on-surface-deeppurple-moderate_dark: oklch(100% 0 298);
    --_text-disabled-on-surface-deeppurple-moderate_light: oklch(64% 0.1 298);
    --_text-disabled-on-surface-deeppurple-moderate_dark: oklch(73.61% 0.1 298);

    --surface-deeppurple-moderate: light-dark(var(--_surface-deeppurple-moderate_light), var(--_surface-deeppurple-moderate_dark));
    --surface-deeppurple-moderate-hover: light-dark(var(--_surface-deeppurple-moderate-hover_light), var(--_surface-deeppurple-moderate-hover_dark));
    --surface-deeppurple-moderate-active: light-dark(var(--_surface-deeppurple-moderate-hover_light), var(--_surface-deeppurple-moderate-hover_dark));

    --text-primary-on-surface-deeppurple-moderate: light-dark(var(--_text-primary-on-surface-deeppurple-moderate_light), var(--_text-primary-on-surface-deeppurple-moderate_dark));
    --text-secondary-on-surface-deeppurple-moderate: light-dark(var(--_text-secondary-on-surface-deeppurple-moderate_light), var(--_text-secondary-on-surface-deeppurple-moderate_dark));
    --text-disabled-on-surface-deeppurple-moderate: light-dark(var(--_text-disabled-on-surface-deeppurple-moderate_light), var(--_text-disabled-on-surface-deeppurple-moderate_dark));

    --_surface-deeppurple-strong_light: var(--deeppurple-60);
    --_surface-deeppurple-strong_dark: var(--deeppurple-50);
    --_surface-deeppurple-strong-hover_light: oklch(54.5% 0.205 298);
    --_surface-deeppurple-strong-hover_dark: oklch(56.9% 0.187 298);
    --_surface-deeppurple-strong-hover_light: oklch(56.8% 0.198 298);
    --_surface-deeppurple-strong-hover_dark: oklch(60.2% 0.18 298);

    --_text-primary-on-surface-deeppurple-strong_light: oklch(96.4% 0.016 298);
    --_text-primary-on-surface-deeppurple-strong_dark: oklch(96.6% 0.015 298);
    --_text-secondary-on-surface-deeppurple-strong_light: oklch(77.7% 0.12 298);
    --_text-secondary-on-surface-deeppurple-strong_dark: oklch(78.9% 0.112 298);
    --_text-disabled-on-surface-deeppurple-strong_light: oklch(70.425% 0.1 298);
    --_text-disabled-on-surface-deeppurple-strong_dark: oklch(71.985% 0.1 298);

    --surface-deeppurple-strong: light-dark(var(--_surface-deeppurple-strong_light), var(--_surface-deeppurple-strong_dark));
    --surface-deeppurple-strong-hover: light-dark(var(--_surface-deeppurple-strong-hover_light), var(--_surface-deeppurple-strong-hover_dark));
    --surface-deeppurple-strong-active: light-dark(var(--_surface-deeppurple-strong-hover_light), var(--_surface-deeppurple-strong-hover_dark));

    --text-primary-on-surface-deeppurple-strong: light-dark(var(--_text-primary-on-surface-deeppurple-strong_light), var(--_text-primary-on-surface-deeppurple-strong_dark));
    --text-secondary-on-surface-deeppurple-strong: light-dark(var(--_text-secondary-on-surface-deeppurple-strong_light), var(--_text-secondary-on-surface-deeppurple-strong_dark));
    --text-disabled-on-surface-deeppurple-strong: light-dark(var(--_text-disabled-on-surface-deeppurple-strong_light), var(--_text-disabled-on-surface-deeppurple-strong_dark));

    --_surface-deeppurple-contrast_light: var(--deeppurple-90);
    --_surface-deeppurple-contrast_dark: var(--deeppurple-20);
    --_surface-deeppurple-contrast-hover_light: oklch(45.5% 0.133 298);
    --_surface-deeppurple-contrast-hover_dark: oklch(82.7% 0.148 298);
    --_surface-deeppurple-contrast-hover_light: oklch(48.3% 0.13 298);
    --_surface-deeppurple-contrast-hover_dark: oklch(79.2% 0.158 298);

    --_text-primary-on-surface-deeppurple-contrast_light: oklch(95.6% 0.021 298);
    --_text-primary-on-surface-deeppurple-contrast_dark: oklch(26.7% 0.13 298);
    --_text-secondary-on-surface-deeppurple-contrast_light: oklch(73.3% 0.085 298);
    --_text-secondary-on-surface-deeppurple-contrast_dark: oklch(43.6% 0.069 298);
    --_text-disabled-on-surface-deeppurple-contrast_light: oklch(64.575% 0.08645 298);
    --_text-disabled-on-surface-deeppurple-contrast_dark: oklch(71.2% 0.08 298);

    --surface-deeppurple-contrast: light-dark(var(--_surface-deeppurple-contrast_light), var(--_surface-deeppurple-contrast_dark));
    --surface-deeppurple-contrast-hover: light-dark(var(--_surface-deeppurple-contrast-hover_light), var(--_surface-deeppurple-contrast-hover_dark));
    --surface-deeppurple-contrast-active: light-dark(var(--_surface-deeppurple-contrast-hover_light), var(--_surface-deeppurple-contrast-hover_dark));

    --text-primary-on-surface-deeppurple-contrast: light-dark(var(--_text-primary-on-surface-deeppurple-contrast_light), var(--_text-primary-on-surface-deeppurple-contrast_dark));
    --text-secondary-on-surface-deeppurple-contrast: light-dark(var(--_text-secondary-on-surface-deeppurple-contrast_light), var(--_text-secondary-on-surface-deeppurple-contrast_dark));
    --text-disabled-on-surface-deeppurple-contrast: light-dark(var(--_text-disabled-on-surface-deeppurple-contrast_light), var(--_text-disabled-on-surface-deeppurple-contrast_dark));

    --_surface-deeppurple-main_light: var(--deeppurple-30);
    --_surface-deeppurple-main_dark: var(--deeppurple-100);
    --_surface-deeppurple-main-hover_light: oklch(81% 0.14 298);
    --_surface-deeppurple-main-hover_dark: oklch(39.7% 0.105 298);
    --_surface-deeppurple-main-hover_light: oklch(79.5% 0.145 298);
    --_surface-deeppurple-main-hover_dark: oklch(45.1% 0.108 298);

    --_text-primary-on-surface-deeppurple-main_light: oklch(25.2% 0.13 298);
    --_text-primary-on-surface-deeppurple-main_dark: oklch(95.2% 0.028 298);
    --_text-secondary-on-surface-deeppurple-main_light: oklch(41.2% 0.069 298);
    --_text-secondary-on-surface-deeppurple-main_dark: oklch(70.5% 0.071 298);
    --_text-disabled-on-surface-deeppurple-main_light: oklch(67.2% 0.08 298);
    --_text-disabled-on-surface-deeppurple-main_dark: oklch(60.805% 0.06825 298);

    --surface-deeppurple-main: light-dark(var(--_surface-deeppurple-main_light), var(--_surface-deeppurple-main_dark));
    --surface-deeppurple-main-hover: light-dark(var(--_surface-deeppurple-main-hover_light), var(--_surface-deeppurple-main-hover_dark));
    --surface-deeppurple-main-active: light-dark(var(--_surface-deeppurple-main-hover_light), var(--_surface-deeppurple-main-hover_dark));

    --text-primary-on-surface-deeppurple-main: light-dark(var(--_text-primary-on-surface-deeppurple-main_light), var(--_text-primary-on-surface-deeppurple-main_dark));
    --text-secondary-on-surface-deeppurple-main: light-dark(var(--_text-secondary-on-surface-deeppurple-main_light), var(--_text-secondary-on-surface-deeppurple-main_dark));
    --text-disabled-on-surface-deeppurple-main: light-dark(var(--_text-disabled-on-surface-deeppurple-main_light), var(--_text-disabled-on-surface-deeppurple-main_dark));

    --_surface-navy-minimal_light: var(--navy-10);
    --_surface-navy-minimal_dark: var(--navy-100);
    --_surface-navy-minimal-hover_light: oklch(90.9% 0.086 266);
    --_surface-navy-minimal-hover_dark: oklch(39.7% 0.105 266);
    --_surface-navy-minimal-hover_light: oklch(88.9% 0.094 266);
    --_surface-navy-minimal-hover_dark: oklch(45.1% 0.108 266);

    --_text-primary-on-surface-navy-minimal_light: oklch(28.5% 0.112 266);
    --_text-primary-on-surface-navy-minimal_dark: oklch(95.2% 0.018 266);
    --_text-secondary-on-surface-navy-minimal_light: oklch(46.6% 0.04 266);
    --_text-secondary-on-surface-navy-minimal_dark: oklch(70.5% 0.071 266);
    --_text-disabled-on-surface-navy-minimal_light: oklch(76% 0.032 266);
    --_text-disabled-on-surface-navy-minimal_dark: oklch(60.805% 0.06825 266);

    --surface-navy-minimal: light-dark(var(--_surface-navy-minimal_light), var(--_surface-navy-minimal_dark));
    --surface-navy-minimal-hover: light-dark(var(--_surface-navy-minimal-hover_light), var(--_surface-navy-minimal-hover_dark));
    --surface-navy-minimal-active: light-dark(var(--_surface-navy-minimal-hover_light), var(--_surface-navy-minimal-hover_dark));

    --text-primary-on-surface-navy-minimal: light-dark(var(--_text-primary-on-surface-navy-minimal_light), var(--_text-primary-on-surface-navy-minimal_dark));
    --text-secondary-on-surface-navy-minimal: light-dark(var(--_text-secondary-on-surface-navy-minimal_light), var(--_text-secondary-on-surface-navy-minimal_dark));
    --text-disabled-on-surface-navy-minimal: light-dark(var(--_text-disabled-on-surface-navy-minimal_light), var(--_text-disabled-on-surface-navy-minimal_dark));

    --_surface-navy-subtle_light: var(--navy-20);
    --_surface-navy-subtle_dark: var(--navy-90);
    --_surface-navy-subtle-hover_light: oklch(85.5% 0.14 266);
    --_surface-navy-subtle-hover_dark: oklch(47.9% 0.138 266);
    --_surface-navy-subtle-hover_light: oklch(83.8% 0.145 266);
    --_surface-navy-subtle-hover_dark: oklch(52.3% 0.137 266);

    --_text-primary-on-surface-navy-subtle_light: oklch(26.7% 0.13 266);
    --_text-primary-on-surface-navy-subtle_dark: oklch(95.8% 0.021 266);
    --_text-secondary-on-surface-navy-subtle_light: oklch(43.6% 0.069 266);
    --_text-secondary-on-surface-navy-subtle_dark: oklch(74.5% 0.088 266);
    --_text-disabled-on-surface-navy-subtle_light: oklch(71.2% 0.08 266);
    --_text-disabled-on-surface-navy-subtle_dark: oklch(66.135% 0.0897 266);

    --surface-navy-subtle: light-dark(var(--_surface-navy-subtle_light), var(--_surface-navy-subtle_dark));
    --surface-navy-subtle-hover: light-dark(var(--_surface-navy-subtle-hover_light), var(--_surface-navy-subtle-hover_dark));
    --surface-navy-subtle-active: light-dark(var(--_surface-navy-subtle-hover_light), var(--_surface-navy-subtle-hover_dark));

    --text-primary-on-surface-navy-subtle: light-dark(var(--_text-primary-on-surface-navy-subtle_light), var(--_text-primary-on-surface-navy-subtle_dark));
    --text-secondary-on-surface-navy-subtle: light-dark(var(--_text-secondary-on-surface-navy-subtle_light), var(--_text-secondary-on-surface-navy-subtle_dark));
    --text-disabled-on-surface-navy-subtle: light-dark(var(--_text-disabled-on-surface-navy-subtle_light), var(--_text-disabled-on-surface-navy-subtle_dark));

    --_surface-navy-moderate_light: var(--navy-40);
    --_surface-navy-moderate_dark: var(--navy-70);
    --_surface-navy-moderate-hover_light: oklch(77.4% 0.176 266);
    --_surface-navy-moderate-hover_dark: oklch(59.4% 0.212 266);
    --_surface-navy-moderate-hover_light: oklch(76.1% 0.179 266);
    --_surface-navy-moderate-hover_dark: oklch(62.4% 0.202 266);

    --_text-primary-on-surface-navy-moderate_light: oklch(24% 0.142 266);
    --_text-primary-on-surface-navy-moderate_dark: oklch(100% 0 266);
    --_text-secondary-on-surface-navy-moderate_light: oklch(39.2% 0.089 266);
    --_text-secondary-on-surface-navy-moderate_dark: oklch(100% 0 266);
    --_text-disabled-on-surface-navy-moderate_light: oklch(64% 0.1 266);
    --_text-disabled-on-surface-navy-moderate_dark: oklch(73.61% 0.1 266);

    --surface-navy-moderate: light-dark(var(--_surface-navy-moderate_light), var(--_surface-navy-moderate_dark));
    --surface-navy-moderate-hover: light-dark(var(--_surface-navy-moderate-hover_light), var(--_surface-navy-moderate-hover_dark));
    --surface-navy-moderate-active: light-dark(var(--_surface-navy-moderate-hover_light), var(--_surface-navy-moderate-hover_dark));

    --text-primary-on-surface-navy-moderate: light-dark(var(--_text-primary-on-surface-navy-moderate_light), var(--_text-primary-on-surface-navy-moderate_dark));
    --text-secondary-on-surface-navy-moderate: light-dark(var(--_text-secondary-on-surface-navy-moderate_light), var(--_text-secondary-on-surface-navy-moderate_dark));
    --text-disabled-on-surface-navy-moderate: light-dark(var(--_text-disabled-on-surface-navy-moderate_light), var(--_text-disabled-on-surface-navy-moderate_dark));

    --_surface-navy-strong_light: var(--navy-60);
    --_surface-navy-strong_dark: var(--navy-50);
    --_surface-navy-strong-hover_light: oklch(45.5% 0.178 266);
    --_surface-navy-strong-hover_dark: oklch(52% 0.163 266);
    --_surface-navy-strong-hover_light: oklch(48.3% 0.172 266);
    --_surface-navy-strong-hover_dark: oklch(55.9% 0.159 266);

    --_text-primary-on-surface-navy-strong_light: oklch(95.6% 0.014 266);
    --_text-primary-on-surface-navy-strong_dark: oklch(96.2% 0.013 266);
    --_text-secondary-on-surface-navy-strong_light: oklch(73.3% 0.107 266);
    --_text-secondary-on-surface-navy-strong_dark: oklch(76.5% 0.1 266);
    --_text-disabled-on-surface-navy-strong_light: oklch(64.575% 0.1 266);
    --_text-disabled-on-surface-navy-strong_dark: oklch(68.8% 0.1 266);

    --surface-navy-strong: light-dark(var(--_surface-navy-strong_light), var(--_surface-navy-strong_dark));
    --surface-navy-strong-hover: light-dark(var(--_surface-navy-strong-hover_light), var(--_surface-navy-strong-hover_dark));
    --surface-navy-strong-active: light-dark(var(--_surface-navy-strong-hover_light), var(--_surface-navy-strong-hover_dark));

    --text-primary-on-surface-navy-strong: light-dark(var(--_text-primary-on-surface-navy-strong_light), var(--_text-primary-on-surface-navy-strong_dark));
    --text-secondary-on-surface-navy-strong: light-dark(var(--_text-secondary-on-surface-navy-strong_light), var(--_text-secondary-on-surface-navy-strong_dark));
    --text-disabled-on-surface-navy-strong: light-dark(var(--_text-disabled-on-surface-navy-strong_light), var(--_text-disabled-on-surface-navy-strong_dark));

    --_surface-navy-contrast_light: var(--navy-90);
    --_surface-navy-contrast_dark: var(--navy-20);
    --_surface-navy-contrast-hover_light: oklch(45.5% 0.133 266);
    --_surface-navy-contrast-hover_dark: oklch(82.7% 0.148 266);
    --_surface-navy-contrast-hover_light: oklch(48.3% 0.13 266);
    --_surface-navy-contrast-hover_dark: oklch(79.2% 0.158 266);

    --_text-primary-on-surface-navy-contrast_light: oklch(95.6% 0.021 266);
    --_text-primary-on-surface-navy-contrast_dark: oklch(26.7% 0.13 266);
    --_text-secondary-on-surface-navy-contrast_light: oklch(73.3% 0.085 266);
    --_text-secondary-on-surface-navy-contrast_dark: oklch(43.6% 0.069 266);
    --_text-disabled-on-surface-navy-contrast_light: oklch(64.575% 0.08645 266);
    --_text-disabled-on-surface-navy-contrast_dark: oklch(71.2% 0.08 266);

    --surface-navy-contrast: light-dark(var(--_surface-navy-contrast_light), var(--_surface-navy-contrast_dark));
    --surface-navy-contrast-hover: light-dark(var(--_surface-navy-contrast-hover_light), var(--_surface-navy-contrast-hover_dark));
    --surface-navy-contrast-active: light-dark(var(--_surface-navy-contrast-hover_light), var(--_surface-navy-contrast-hover_dark));

    --text-primary-on-surface-navy-contrast: light-dark(var(--_text-primary-on-surface-navy-contrast_light), var(--_text-primary-on-surface-navy-contrast_dark));
    --text-secondary-on-surface-navy-contrast: light-dark(var(--_text-secondary-on-surface-navy-contrast_light), var(--_text-secondary-on-surface-navy-contrast_dark));
    --text-disabled-on-surface-navy-contrast: light-dark(var(--_text-disabled-on-surface-navy-contrast_light), var(--_text-disabled-on-surface-navy-contrast_dark));

    --_surface-navy-main_light: var(--navy-30);
    --_surface-navy-main_dark: var(--navy-100);
    --_surface-navy-main-hover_light: oklch(81% 0.14 266);
    --_surface-navy-main-hover_dark: oklch(39.7% 0.105 266);
    --_surface-navy-main-hover_light: oklch(79.5% 0.145 266);
    --_surface-navy-main-hover_dark: oklch(45.1% 0.108 266);

    --_text-primary-on-surface-navy-main_light: oklch(25.2% 0.13 266);
    --_text-primary-on-surface-navy-main_dark: oklch(95.2% 0.018 266);
    --_text-secondary-on-surface-navy-main_light: oklch(41.2% 0.069 266);
    --_text-secondary-on-surface-navy-main_dark: oklch(70.5% 0.071 266);
    --_text-disabled-on-surface-navy-main_light: oklch(67.2% 0.08 266);
    --_text-disabled-on-surface-navy-main_dark: oklch(60.805% 0.06825 266);

    --surface-navy-main: light-dark(var(--_surface-navy-main_light), var(--_surface-navy-main_dark));
    --surface-navy-main-hover: light-dark(var(--_surface-navy-main-hover_light), var(--_surface-navy-main-hover_dark));
    --surface-navy-main-active: light-dark(var(--_surface-navy-main-hover_light), var(--_surface-navy-main-hover_dark));

    --text-primary-on-surface-navy-main: light-dark(var(--_text-primary-on-surface-navy-main_light), var(--_text-primary-on-surface-navy-main_dark));
    --text-secondary-on-surface-navy-main: light-dark(var(--_text-secondary-on-surface-navy-main_light), var(--_text-secondary-on-surface-navy-main_dark));
    --text-disabled-on-surface-navy-main: light-dark(var(--_text-disabled-on-surface-navy-main_light), var(--_text-disabled-on-surface-navy-main_dark));

    --_surface-blue-minimal_light: var(--blue-10);
    --_surface-blue-minimal_dark: var(--blue-100);
    --_surface-blue-minimal-hover_light: oklch(90.9% 0.086 250);
    --_surface-blue-minimal-hover_dark: oklch(39.7% 0.105 250);
    --_surface-blue-minimal-hover_light: oklch(88.9% 0.094 250);
    --_surface-blue-minimal-hover_dark: oklch(45.1% 0.108 250);

    --_text-primary-on-surface-blue-minimal_light: oklch(28.5% 0.102 250);
    --_text-primary-on-surface-blue-minimal_dark: oklch(95.2% 0.018 250);
    --_text-secondary-on-surface-blue-minimal_light: oklch(46.6% 0.04 250);
    --_text-secondary-on-surface-blue-minimal_dark: oklch(70.5% 0.071 250);
    --_text-disabled-on-surface-blue-minimal_light: oklch(76% 0.032 250);
    --_text-disabled-on-surface-blue-minimal_dark: oklch(60.805% 0.06825 250);

    --surface-blue-minimal: light-dark(var(--_surface-blue-minimal_light), var(--_surface-blue-minimal_dark));
    --surface-blue-minimal-hover: light-dark(var(--_surface-blue-minimal-hover_light), var(--_surface-blue-minimal-hover_dark));
    --surface-blue-minimal-active: light-dark(var(--_surface-blue-minimal-hover_light), var(--_surface-blue-minimal-hover_dark));

    --text-primary-on-surface-blue-minimal: light-dark(var(--_text-primary-on-surface-blue-minimal_light), var(--_text-primary-on-surface-blue-minimal_dark));
    --text-secondary-on-surface-blue-minimal: light-dark(var(--_text-secondary-on-surface-blue-minimal_light), var(--_text-secondary-on-surface-blue-minimal_dark));
    --text-disabled-on-surface-blue-minimal: light-dark(var(--_text-disabled-on-surface-blue-minimal_light), var(--_text-disabled-on-surface-blue-minimal_dark));

    --_surface-blue-subtle_light: var(--blue-20);
    --_surface-blue-subtle_dark: var(--blue-90);
    --_surface-blue-subtle-hover_light: oklch(85.5% 0.14 250);
    --_surface-blue-subtle-hover_dark: oklch(47.9% 0.138 250);
    --_surface-blue-subtle-hover_light: oklch(83.8% 0.145 250);
    --_surface-blue-subtle-hover_dark: oklch(52.3% 0.137 250);

    --_text-primary-on-surface-blue-subtle_light: oklch(26.7% 0.09 250);
    --_text-primary-on-surface-blue-subtle_dark: oklch(95.8% 0.021 250);
    --_text-secondary-on-surface-blue-subtle_light: oklch(43.6% 0.069 250);
    --_text-secondary-on-surface-blue-subtle_dark: oklch(74.5% 0.088 250);
    --_text-disabled-on-surface-blue-subtle_light: oklch(71.2% 0.08 250);
    --_text-disabled-on-surface-blue-subtle_dark: oklch(66.135% 0.0897 250);

    --surface-blue-subtle: light-dark(var(--_surface-blue-subtle_light), var(--_surface-blue-subtle_dark));
    --surface-blue-subtle-hover: light-dark(var(--_surface-blue-subtle-hover_light), var(--_surface-blue-subtle-hover_dark));
    --surface-blue-subtle-active: light-dark(var(--_surface-blue-subtle-hover_light), var(--_surface-blue-subtle-hover_dark));

    --text-primary-on-surface-blue-subtle: light-dark(var(--_text-primary-on-surface-blue-subtle_light), var(--_text-primary-on-surface-blue-subtle_dark));
    --text-secondary-on-surface-blue-subtle: light-dark(var(--_text-secondary-on-surface-blue-subtle_light), var(--_text-secondary-on-surface-blue-subtle_dark));
    --text-disabled-on-surface-blue-subtle: light-dark(var(--_text-disabled-on-surface-blue-subtle_light), var(--_text-disabled-on-surface-blue-subtle_dark));

    --_surface-blue-moderate_light: var(--blue-40);
    --_surface-blue-moderate_dark: var(--blue-70);
    --_surface-blue-moderate-hover_light: oklch(77.4% 0.176 250);
    --_surface-blue-moderate-hover_dark: oklch(59.4% 0.212 250);
    --_surface-blue-moderate-hover_light: oklch(76.1% 0.179 250);
    --_surface-blue-moderate-hover_dark: oklch(62.4% 0.202 250);

    --_text-primary-on-surface-blue-moderate_light: oklch(24% 0.082 250);
    --_text-primary-on-surface-blue-moderate_dark: oklch(100% 0 250);
    --_text-secondary-on-surface-blue-moderate_light: oklch(39.2% 0.089 250);
    --_text-secondary-on-surface-blue-moderate_dark: oklch(100% 0 250);
    --_text-disabled-on-surface-blue-moderate_light: oklch(64% 0.1 250);
    --_text-disabled-on-surface-blue-moderate_dark: oklch(73.61% 0.1 250);

    --surface-blue-moderate: light-dark(var(--_surface-blue-moderate_light), var(--_surface-blue-moderate_dark));
    --surface-blue-moderate-hover: light-dark(var(--_surface-blue-moderate-hover_light), var(--_surface-blue-moderate-hover_dark));
    --surface-blue-moderate-active: light-dark(var(--_surface-blue-moderate-hover_light), var(--_surface-blue-moderate-hover_dark));

    --text-primary-on-surface-blue-moderate: light-dark(var(--_text-primary-on-surface-blue-moderate_light), var(--_text-primary-on-surface-blue-moderate_dark));
    --text-secondary-on-surface-blue-moderate: light-dark(var(--_text-secondary-on-surface-blue-moderate_light), var(--_text-secondary-on-surface-blue-moderate_dark));
    --text-disabled-on-surface-blue-moderate: light-dark(var(--_text-disabled-on-surface-blue-moderate_light), var(--_text-disabled-on-surface-blue-moderate_dark));

    --_surface-blue-strong_light: var(--blue-60);
    --_surface-blue-strong_dark: var(--blue-50);
    --_surface-blue-strong-hover_light: oklch(59% 0.214 250);
    --_surface-blue-strong-hover_dark: oklch(61% 0.196 250);
    --_surface-blue-strong-hover_light: oklch(61% 0.206 250);
    --_surface-blue-strong-hover_dark: oklch(63.8% 0.188 250);

    --_text-primary-on-surface-blue-strong_light: oklch(100% 0 250);
    --_text-primary-on-surface-blue-strong_dark: oklch(100% 0 250);
    --_text-secondary-on-surface-blue-strong_light: oklch(100% 0 250);
    --_text-secondary-on-surface-blue-strong_dark: oklch(100% 0 250);
    --_text-disabled-on-surface-blue-strong_light: oklch(73.35% 0.1 250);
    --_text-disabled-on-surface-blue-strong_dark: oklch(74.65% 0.1 250);

    --surface-blue-strong: light-dark(var(--_surface-blue-strong_light), var(--_surface-blue-strong_dark));
    --surface-blue-strong-hover: light-dark(var(--_surface-blue-strong-hover_light), var(--_surface-blue-strong-hover_dark));
    --surface-blue-strong-active: light-dark(var(--_surface-blue-strong-hover_light), var(--_surface-blue-strong-hover_dark));

    --text-primary-on-surface-blue-strong: light-dark(var(--_text-primary-on-surface-blue-strong_light), var(--_text-primary-on-surface-blue-strong_dark));
    --text-secondary-on-surface-blue-strong: light-dark(var(--_text-secondary-on-surface-blue-strong_light), var(--_text-secondary-on-surface-blue-strong_dark));
    --text-disabled-on-surface-blue-strong: light-dark(var(--_text-disabled-on-surface-blue-strong_light), var(--_text-disabled-on-surface-blue-strong_dark));

    --_surface-blue-contrast_light: var(--blue-90);
    --_surface-blue-contrast_dark: var(--blue-20);
    --_surface-blue-contrast-hover_light: oklch(45.5% 0.133 250);
    --_surface-blue-contrast-hover_dark: oklch(82.7% 0.148 250);
    --_surface-blue-contrast-hover_light: oklch(48.3% 0.13 250);
    --_surface-blue-contrast-hover_dark: oklch(79.2% 0.158 250);

    --_text-primary-on-surface-blue-contrast_light: oklch(95.6% 0.021 250);
    --_text-primary-on-surface-blue-contrast_dark: oklch(26.7% 0.09 250);
    --_text-secondary-on-surface-blue-contrast_light: oklch(73.3% 0.085 250);
    --_text-secondary-on-surface-blue-contrast_dark: oklch(43.6% 0.069 250);
    --_text-disabled-on-surface-blue-contrast_light: oklch(64.575% 0.08645 250);
    --_text-disabled-on-surface-blue-contrast_dark: oklch(71.2% 0.08 250);

    --surface-blue-contrast: light-dark(var(--_surface-blue-contrast_light), var(--_surface-blue-contrast_dark));
    --surface-blue-contrast-hover: light-dark(var(--_surface-blue-contrast-hover_light), var(--_surface-blue-contrast-hover_dark));
    --surface-blue-contrast-active: light-dark(var(--_surface-blue-contrast-hover_light), var(--_surface-blue-contrast-hover_dark));

    --text-primary-on-surface-blue-contrast: light-dark(var(--_text-primary-on-surface-blue-contrast_light), var(--_text-primary-on-surface-blue-contrast_dark));
    --text-secondary-on-surface-blue-contrast: light-dark(var(--_text-secondary-on-surface-blue-contrast_light), var(--_text-secondary-on-surface-blue-contrast_dark));
    --text-disabled-on-surface-blue-contrast: light-dark(var(--_text-disabled-on-surface-blue-contrast_light), var(--_text-disabled-on-surface-blue-contrast_dark));

    --_surface-blue-main_light: var(--blue-30);
    --_surface-blue-main_dark: var(--blue-100);
    --_surface-blue-main-hover_light: oklch(81% 0.14 250);
    --_surface-blue-main-hover_dark: oklch(39.7% 0.105 250);
    --_surface-blue-main-hover_light: oklch(79.5% 0.145 250);
    --_surface-blue-main-hover_dark: oklch(45.1% 0.108 250);

    --_text-primary-on-surface-blue-main_light: oklch(25.2% 0.09 250);
    --_text-primary-on-surface-blue-main_dark: oklch(95.2% 0.018 250);
    --_text-secondary-on-surface-blue-main_light: oklch(41.2% 0.069 250);
    --_text-secondary-on-surface-blue-main_dark: oklch(70.5% 0.071 250);
    --_text-disabled-on-surface-blue-main_light: oklch(67.2% 0.08 250);
    --_text-disabled-on-surface-blue-main_dark: oklch(60.805% 0.06825 250);

    --surface-blue-main: light-dark(var(--_surface-blue-main_light), var(--_surface-blue-main_dark));
    --surface-blue-main-hover: light-dark(var(--_surface-blue-main-hover_light), var(--_surface-blue-main-hover_dark));
    --surface-blue-main-active: light-dark(var(--_surface-blue-main-hover_light), var(--_surface-blue-main-hover_dark));

    --text-primary-on-surface-blue-main: light-dark(var(--_text-primary-on-surface-blue-main_light), var(--_text-primary-on-surface-blue-main_dark));
    --text-secondary-on-surface-blue-main: light-dark(var(--_text-secondary-on-surface-blue-main_light), var(--_text-secondary-on-surface-blue-main_dark));
    --text-disabled-on-surface-blue-main: light-dark(var(--_text-disabled-on-surface-blue-main_light), var(--_text-disabled-on-surface-blue-main_dark));

    --_surface-lightblue-minimal_light: var(--lightblue-10);
    --_surface-lightblue-minimal_dark: var(--lightblue-100);
    --_surface-lightblue-minimal-hover_light: oklch(90.9% 0.086 230);
    --_surface-lightblue-minimal-hover_dark: oklch(39.7% 0.105 230);
    --_surface-lightblue-minimal-hover_light: oklch(88.9% 0.094 230);
    --_surface-lightblue-minimal-hover_dark: oklch(45.1% 0.108 230);

    --_text-primary-on-surface-lightblue-minimal_light: oklch(28.5% 0.072 230);
    --_text-primary-on-surface-lightblue-minimal_dark: oklch(95.2% 0.028 230);
    --_text-secondary-on-surface-lightblue-minimal_light: oklch(46.6% 0.04 230);
    --_text-secondary-on-surface-lightblue-minimal_dark: oklch(70.5% 0.071 230);
    --_text-disabled-on-surface-lightblue-minimal_light: oklch(76% 0.032 230);
    --_text-disabled-on-surface-lightblue-minimal_dark: oklch(60.805% 0.06825 230);

    --surface-lightblue-minimal: light-dark(var(--_surface-lightblue-minimal_light), var(--_surface-lightblue-minimal_dark));
    --surface-lightblue-minimal-hover: light-dark(var(--_surface-lightblue-minimal-hover_light), var(--_surface-lightblue-minimal-hover_dark));
    --surface-lightblue-minimal-active: light-dark(var(--_surface-lightblue-minimal-hover_light), var(--_surface-lightblue-minimal-hover_dark));

    --text-primary-on-surface-lightblue-minimal: light-dark(var(--_text-primary-on-surface-lightblue-minimal_light), var(--_text-primary-on-surface-lightblue-minimal_dark));
    --text-secondary-on-surface-lightblue-minimal: light-dark(var(--_text-secondary-on-surface-lightblue-minimal_light), var(--_text-secondary-on-surface-lightblue-minimal_dark));
    --text-disabled-on-surface-lightblue-minimal: light-dark(var(--_text-disabled-on-surface-lightblue-minimal_light), var(--_text-disabled-on-surface-lightblue-minimal_dark));

    --_surface-lightblue-subtle_light: var(--lightblue-20);
    --_surface-lightblue-subtle_dark: var(--lightblue-90);
    --_surface-lightblue-subtle-hover_light: oklch(85.5% 0.14 230);
    --_surface-lightblue-subtle-hover_dark: oklch(47.9% 0.138 230);
    --_surface-lightblue-subtle-hover_light: oklch(83.8% 0.145 230);
    --_surface-lightblue-subtle-hover_dark: oklch(52.3% 0.137 230);

    --_text-primary-on-surface-lightblue-subtle_light: oklch(26.7% 0.07 230);
    --_text-primary-on-surface-lightblue-subtle_dark: oklch(95.8% 0.021 230);
    --_text-secondary-on-surface-lightblue-subtle_light: oklch(43.6% 0.069 230);
    --_text-secondary-on-surface-lightblue-subtle_dark: oklch(74.5% 0.088 230);
    --_text-disabled-on-surface-lightblue-subtle_light: oklch(71.2% 0.08 230);
    --_text-disabled-on-surface-lightblue-subtle_dark: oklch(66.135% 0.0897 230);

    --surface-lightblue-subtle: light-dark(var(--_surface-lightblue-subtle_light), var(--_surface-lightblue-subtle_dark));
    --surface-lightblue-subtle-hover: light-dark(var(--_surface-lightblue-subtle-hover_light), var(--_surface-lightblue-subtle-hover_dark));
    --surface-lightblue-subtle-active: light-dark(var(--_surface-lightblue-subtle-hover_light), var(--_surface-lightblue-subtle-hover_dark));

    --text-primary-on-surface-lightblue-subtle: light-dark(var(--_text-primary-on-surface-lightblue-subtle_light), var(--_text-primary-on-surface-lightblue-subtle_dark));
    --text-secondary-on-surface-lightblue-subtle: light-dark(var(--_text-secondary-on-surface-lightblue-subtle_light), var(--_text-secondary-on-surface-lightblue-subtle_dark));
    --text-disabled-on-surface-lightblue-subtle: light-dark(var(--_text-disabled-on-surface-lightblue-subtle_light), var(--_text-disabled-on-surface-lightblue-subtle_dark));

    --_surface-lightblue-moderate_light: var(--lightblue-40);
    --_surface-lightblue-moderate_dark: var(--lightblue-70);
    --_surface-lightblue-moderate-hover_light: oklch(77.4% 0.176 230);
    --_surface-lightblue-moderate-hover_dark: oklch(59.4% 0.212 230);
    --_surface-lightblue-moderate-hover_light: oklch(76.1% 0.179 230);
    --_surface-lightblue-moderate-hover_dark: oklch(62.4% 0.202 230);

    --_text-primary-on-surface-lightblue-moderate_light: oklch(24% 0.062 230);
    --_text-primary-on-surface-lightblue-moderate_dark: oklch(100% 0 230);
    --_text-secondary-on-surface-lightblue-moderate_light: oklch(39.2% 0.089 230);
    --_text-secondary-on-surface-lightblue-moderate_dark: oklch(100% 0 230);
    --_text-disabled-on-surface-lightblue-moderate_light: oklch(64% 0.1 230);
    --_text-disabled-on-surface-lightblue-moderate_dark: oklch(73.61% 0.1 230);

    --surface-lightblue-moderate: light-dark(var(--_surface-lightblue-moderate_light), var(--_surface-lightblue-moderate_dark));
    --surface-lightblue-moderate-hover: light-dark(var(--_surface-lightblue-moderate-hover_light), var(--_surface-lightblue-moderate-hover_dark));
    --surface-lightblue-moderate-active: light-dark(var(--_surface-lightblue-moderate-hover_light), var(--_surface-lightblue-moderate-hover_dark));

    --text-primary-on-surface-lightblue-moderate: light-dark(var(--_text-primary-on-surface-lightblue-moderate_light), var(--_text-primary-on-surface-lightblue-moderate_dark));
    --text-secondary-on-surface-lightblue-moderate: light-dark(var(--_text-secondary-on-surface-lightblue-moderate_light), var(--_text-secondary-on-surface-lightblue-moderate_dark));
    --text-disabled-on-surface-lightblue-moderate: light-dark(var(--_text-disabled-on-surface-lightblue-moderate_light), var(--_text-disabled-on-surface-lightblue-moderate_dark));

    --_surface-lightblue-strong_light: var(--lightblue-60);
    --_surface-lightblue-strong_dark: var(--lightblue-50);
    --_surface-lightblue-strong-hover_light: oklch(77.4% 0.221 230);
    --_surface-lightblue-strong-hover_dark: oklch(76.1% 0.205 230);
    --_surface-lightblue-strong-hover_light: oklch(76.1% 0.222 230);
    --_surface-lightblue-strong-hover_dark: oklch(73.4% 0.208 230);

    --_text-primary-on-surface-lightblue-strong_light: oklch(24% 0.057 230);
    --_text-primary-on-surface-lightblue-strong_dark: oklch(24.3% 0.061 230);
    --_text-secondary-on-surface-lightblue-strong_light: oklch(39.2% 0.093 230);
    --_text-secondary-on-surface-lightblue-strong_dark: oklch(39.7% 0.103 230);
    --_text-disabled-on-surface-lightblue-strong_light: oklch(64% 0.1 230);
    --_text-disabled-on-surface-lightblue-strong_dark: oklch(64.8% 0.1 230);

    --surface-lightblue-strong: light-dark(var(--_surface-lightblue-strong_light), var(--_surface-lightblue-strong_dark));
    --surface-lightblue-strong-hover: light-dark(var(--_surface-lightblue-strong-hover_light), var(--_surface-lightblue-strong-hover_dark));
    --surface-lightblue-strong-active: light-dark(var(--_surface-lightblue-strong-hover_light), var(--_surface-lightblue-strong-hover_dark));

    --text-primary-on-surface-lightblue-strong: light-dark(var(--_text-primary-on-surface-lightblue-strong_light), var(--_text-primary-on-surface-lightblue-strong_dark));
    --text-secondary-on-surface-lightblue-strong: light-dark(var(--_text-secondary-on-surface-lightblue-strong_light), var(--_text-secondary-on-surface-lightblue-strong_dark));
    --text-disabled-on-surface-lightblue-strong: light-dark(var(--_text-disabled-on-surface-lightblue-strong_light), var(--_text-disabled-on-surface-lightblue-strong_dark));

    --_surface-lightblue-contrast_light: var(--lightblue-90);
    --_surface-lightblue-contrast_dark: var(--lightblue-20);
    --_surface-lightblue-contrast-hover_light: oklch(45.5% 0.133 230);
    --_surface-lightblue-contrast-hover_dark: oklch(82.7% 0.148 230);
    --_surface-lightblue-contrast-hover_light: oklch(48.3% 0.13 230);
    --_surface-lightblue-contrast-hover_dark: oklch(79.2% 0.158 230);

    --_text-primary-on-surface-lightblue-contrast_light: oklch(95.6% 0.021 230);
    --_text-primary-on-surface-lightblue-contrast_dark: oklch(26.7% 0.07 230);
    --_text-secondary-on-surface-lightblue-contrast_light: oklch(73.3% 0.085 230);
    --_text-secondary-on-surface-lightblue-contrast_dark: oklch(43.6% 0.069 230);
    --_text-disabled-on-surface-lightblue-contrast_light: oklch(64.575% 0.08645 230);
    --_text-disabled-on-surface-lightblue-contrast_dark: oklch(71.2% 0.08 230);

    --surface-lightblue-contrast: light-dark(var(--_surface-lightblue-contrast_light), var(--_surface-lightblue-contrast_dark));
    --surface-lightblue-contrast-hover: light-dark(var(--_surface-lightblue-contrast-hover_light), var(--_surface-lightblue-contrast-hover_dark));
    --surface-lightblue-contrast-active: light-dark(var(--_surface-lightblue-contrast-hover_light), var(--_surface-lightblue-contrast-hover_dark));

    --text-primary-on-surface-lightblue-contrast: light-dark(var(--_text-primary-on-surface-lightblue-contrast_light), var(--_text-primary-on-surface-lightblue-contrast_dark));
    --text-secondary-on-surface-lightblue-contrast: light-dark(var(--_text-secondary-on-surface-lightblue-contrast_light), var(--_text-secondary-on-surface-lightblue-contrast_dark));
    --text-disabled-on-surface-lightblue-contrast: light-dark(var(--_text-disabled-on-surface-lightblue-contrast_light), var(--_text-disabled-on-surface-lightblue-contrast_dark));

    --_surface-lightblue-main_light: var(--lightblue-30);
    --_surface-lightblue-main_dark: var(--lightblue-100);
    --_surface-lightblue-main-hover_light: oklch(81% 0.14 230);
    --_surface-lightblue-main-hover_dark: oklch(39.7% 0.105 230);
    --_surface-lightblue-main-hover_light: oklch(79.5% 0.145 230);
    --_surface-lightblue-main-hover_dark: oklch(45.1% 0.108 230);

    --_text-primary-on-surface-lightblue-main_light: oklch(25.2% 0.06 230);
    --_text-primary-on-surface-lightblue-main_dark: oklch(95.2% 0.028 230);
    --_text-secondary-on-surface-lightblue-main_light: oklch(41.2% 0.069 230);
    --_text-secondary-on-surface-lightblue-main_dark: oklch(70.5% 0.071 230);
    --_text-disabled-on-surface-lightblue-main_light: oklch(67.2% 0.08 230);
    --_text-disabled-on-surface-lightblue-main_dark: oklch(60.805% 0.06825 230);

    --surface-lightblue-main: light-dark(var(--_surface-lightblue-main_light), var(--_surface-lightblue-main_dark));
    --surface-lightblue-main-hover: light-dark(var(--_surface-lightblue-main-hover_light), var(--_surface-lightblue-main-hover_dark));
    --surface-lightblue-main-active: light-dark(var(--_surface-lightblue-main-hover_light), var(--_surface-lightblue-main-hover_dark));

    --text-primary-on-surface-lightblue-main: light-dark(var(--_text-primary-on-surface-lightblue-main_light), var(--_text-primary-on-surface-lightblue-main_dark));
    --text-secondary-on-surface-lightblue-main: light-dark(var(--_text-secondary-on-surface-lightblue-main_light), var(--_text-secondary-on-surface-lightblue-main_dark));
    --text-disabled-on-surface-lightblue-main: light-dark(var(--_text-disabled-on-surface-lightblue-main_light), var(--_text-disabled-on-surface-lightblue-main_dark));

    --_surface-aqua-minimal_light: var(--aqua-10);
    --_surface-aqua-minimal_dark: var(--aqua-100);
    --_surface-aqua-minimal-hover_light: oklch(90.9% 0.086 205);
    --_surface-aqua-minimal-hover_dark: oklch(39.7% 0.105 205);
    --_surface-aqua-minimal-hover_light: oklch(88.9% 0.094 205);
    --_surface-aqua-minimal-hover_dark: oklch(45.1% 0.108 205);

    --_text-primary-on-surface-aqua-minimal_light: oklch(28.5% 0.062 205);
    --_text-primary-on-surface-aqua-minimal_dark: oklch(95.2% 0.048 205);
    --_text-secondary-on-surface-aqua-minimal_light: oklch(46.6% 0.04 205);
    --_text-secondary-on-surface-aqua-minimal_dark: oklch(70.5% 0.071 205);
    --_text-disabled-on-surface-aqua-minimal_light: oklch(76% 0.032 205);
    --_text-disabled-on-surface-aqua-minimal_dark: oklch(60.805% 0.06825 205);

    --surface-aqua-minimal: light-dark(var(--_surface-aqua-minimal_light), var(--_surface-aqua-minimal_dark));
    --surface-aqua-minimal-hover: light-dark(var(--_surface-aqua-minimal-hover_light), var(--_surface-aqua-minimal-hover_dark));
    --surface-aqua-minimal-active: light-dark(var(--_surface-aqua-minimal-hover_light), var(--_surface-aqua-minimal-hover_dark));

    --text-primary-on-surface-aqua-minimal: light-dark(var(--_text-primary-on-surface-aqua-minimal_light), var(--_text-primary-on-surface-aqua-minimal_dark));
    --text-secondary-on-surface-aqua-minimal: light-dark(var(--_text-secondary-on-surface-aqua-minimal_light), var(--_text-secondary-on-surface-aqua-minimal_dark));
    --text-disabled-on-surface-aqua-minimal: light-dark(var(--_text-disabled-on-surface-aqua-minimal_light), var(--_text-disabled-on-surface-aqua-minimal_dark));

    --_surface-aqua-subtle_light: var(--aqua-20);
    --_surface-aqua-subtle_dark: var(--aqua-90);
    --_surface-aqua-subtle-hover_light: oklch(85.5% 0.14 205);
    --_surface-aqua-subtle-hover_dark: oklch(47.9% 0.138 205);
    --_surface-aqua-subtle-hover_light: oklch(83.8% 0.145 205);
    --_surface-aqua-subtle-hover_dark: oklch(52.3% 0.137 205);

    --_text-primary-on-surface-aqua-subtle_light: oklch(26.7% 0.06 205);
    --_text-primary-on-surface-aqua-subtle_dark: oklch(95.8% 0.041 205);
    --_text-secondary-on-surface-aqua-subtle_light: oklch(43.6% 0.069 205);
    --_text-secondary-on-surface-aqua-subtle_dark: oklch(74.5% 0.088 205);
    --_text-disabled-on-surface-aqua-subtle_light: oklch(71.2% 0.08 205);
    --_text-disabled-on-surface-aqua-subtle_dark: oklch(66.135% 0.0897 205);

    --surface-aqua-subtle: light-dark(var(--_surface-aqua-subtle_light), var(--_surface-aqua-subtle_dark));
    --surface-aqua-subtle-hover: light-dark(var(--_surface-aqua-subtle-hover_light), var(--_surface-aqua-subtle-hover_dark));
    --surface-aqua-subtle-active: light-dark(var(--_surface-aqua-subtle-hover_light), var(--_surface-aqua-subtle-hover_dark));

    --text-primary-on-surface-aqua-subtle: light-dark(var(--_text-primary-on-surface-aqua-subtle_light), var(--_text-primary-on-surface-aqua-subtle_dark));
    --text-secondary-on-surface-aqua-subtle: light-dark(var(--_text-secondary-on-surface-aqua-subtle_light), var(--_text-secondary-on-surface-aqua-subtle_dark));
    --text-disabled-on-surface-aqua-subtle: light-dark(var(--_text-disabled-on-surface-aqua-subtle_light), var(--_text-disabled-on-surface-aqua-subtle_dark));

    --_surface-aqua-moderate_light: var(--aqua-40);
    --_surface-aqua-moderate_dark: var(--aqua-70);
    --_surface-aqua-moderate-hover_light: oklch(77.4% 0.176 205);
    --_surface-aqua-moderate-hover_dark: oklch(59.4% 0.212 205);
    --_surface-aqua-moderate-hover_light: oklch(76.1% 0.179 205);
    --_surface-aqua-moderate-hover_dark: oklch(62.4% 0.202 205);

    --_text-primary-on-surface-aqua-moderate_light: oklch(24% 0.052 205);
    --_text-primary-on-surface-aqua-moderate_dark: oklch(100% 0 205);
    --_text-secondary-on-surface-aqua-moderate_light: oklch(39.2% 0.089 205);
    --_text-secondary-on-surface-aqua-moderate_dark: oklch(100% 0 205);
    --_text-disabled-on-surface-aqua-moderate_light: oklch(64% 0.1 205);
    --_text-disabled-on-surface-aqua-moderate_dark: oklch(73.61% 0.1 205);

    --surface-aqua-moderate: light-dark(var(--_surface-aqua-moderate_light), var(--_surface-aqua-moderate_dark));
    --surface-aqua-moderate-hover: light-dark(var(--_surface-aqua-moderate-hover_light), var(--_surface-aqua-moderate-hover_dark));
    --surface-aqua-moderate-active: light-dark(var(--_surface-aqua-moderate-hover_light), var(--_surface-aqua-moderate-hover_dark));

    --text-primary-on-surface-aqua-moderate: light-dark(var(--_text-primary-on-surface-aqua-moderate_light), var(--_text-primary-on-surface-aqua-moderate_dark));
    --text-secondary-on-surface-aqua-moderate: light-dark(var(--_text-secondary-on-surface-aqua-moderate_light), var(--_text-secondary-on-surface-aqua-moderate_dark));
    --text-disabled-on-surface-aqua-moderate: light-dark(var(--_text-disabled-on-surface-aqua-moderate_light), var(--_text-disabled-on-surface-aqua-moderate_dark));

    --_surface-aqua-strong_light: var(--aqua-60);
    --_surface-aqua-strong_dark: var(--aqua-50);
    --_surface-aqua-strong-hover_light: oklch(73.8% 0.212 205);
    --_surface-aqua-strong-hover_dark: oklch(72.9% 0.197 205);
    --_surface-aqua-strong-hover_light: oklch(72.7% 0.213 205);
    --_surface-aqua-strong-hover_dark: oklch(70.6% 0.201 205);

    --_text-primary-on-surface-aqua-strong_light: oklch(22.8% 0.044 205);
    --_text-primary-on-surface-aqua-strong_dark: oklch(23.1% 0.048 205);
    --_text-secondary-on-surface-aqua-strong_light: oklch(37.2% 0.078 205);
    --_text-secondary-on-surface-aqua-strong_dark: oklch(37.7% 0.078 205);
    --_text-disabled-on-surface-aqua-strong_light: oklch(60.8% 0.1 205);
    --_text-disabled-on-surface-aqua-strong_dark: oklch(61.6% 0.1 205);

    --surface-aqua-strong: light-dark(var(--_surface-aqua-strong_light), var(--_surface-aqua-strong_dark));
    --surface-aqua-strong-hover: light-dark(var(--_surface-aqua-strong-hover_light), var(--_surface-aqua-strong-hover_dark));
    --surface-aqua-strong-active: light-dark(var(--_surface-aqua-strong-hover_light), var(--_surface-aqua-strong-hover_dark));

    --text-primary-on-surface-aqua-strong: light-dark(var(--_text-primary-on-surface-aqua-strong_light), var(--_text-primary-on-surface-aqua-strong_dark));
    --text-secondary-on-surface-aqua-strong: light-dark(var(--_text-secondary-on-surface-aqua-strong_light), var(--_text-secondary-on-surface-aqua-strong_dark));
    --text-disabled-on-surface-aqua-strong: light-dark(var(--_text-disabled-on-surface-aqua-strong_light), var(--_text-disabled-on-surface-aqua-strong_dark));

    --_surface-aqua-contrast_light: var(--aqua-90);
    --_surface-aqua-contrast_dark: var(--aqua-20);
    --_surface-aqua-contrast-hover_light: oklch(45.5% 0.133 205);
    --_surface-aqua-contrast-hover_dark: oklch(82.7% 0.148 205);
    --_surface-aqua-contrast-hover_light: oklch(48.3% 0.13 205);
    --_surface-aqua-contrast-hover_dark: oklch(79.2% 0.158 205);

    --_text-primary-on-surface-aqua-contrast_light: oklch(95.6% 0.041 205);
    --_text-primary-on-surface-aqua-contrast_dark: oklch(26.7% 0.06 205);
    --_text-secondary-on-surface-aqua-contrast_light: oklch(73.3% 0.085 205);
    --_text-secondary-on-surface-aqua-contrast_dark: oklch(43.6% 0.069 205);
    --_text-disabled-on-surface-aqua-contrast_light: oklch(64.575% 0.08645 205);
    --_text-disabled-on-surface-aqua-contrast_dark: oklch(71.2% 0.08 205);

    --surface-aqua-contrast: light-dark(var(--_surface-aqua-contrast_light), var(--_surface-aqua-contrast_dark));
    --surface-aqua-contrast-hover: light-dark(var(--_surface-aqua-contrast-hover_light), var(--_surface-aqua-contrast-hover_dark));
    --surface-aqua-contrast-active: light-dark(var(--_surface-aqua-contrast-hover_light), var(--_surface-aqua-contrast-hover_dark));

    --text-primary-on-surface-aqua-contrast: light-dark(var(--_text-primary-on-surface-aqua-contrast_light), var(--_text-primary-on-surface-aqua-contrast_dark));
    --text-secondary-on-surface-aqua-contrast: light-dark(var(--_text-secondary-on-surface-aqua-contrast_light), var(--_text-secondary-on-surface-aqua-contrast_dark));
    --text-disabled-on-surface-aqua-contrast: light-dark(var(--_text-disabled-on-surface-aqua-contrast_light), var(--_text-disabled-on-surface-aqua-contrast_dark));

    --_surface-aqua-main_light: var(--aqua-30);
    --_surface-aqua-main_dark: var(--aqua-100);
    --_surface-aqua-main-hover_light: oklch(81% 0.14 205);
    --_surface-aqua-main-hover_dark: oklch(39.7% 0.105 205);
    --_surface-aqua-main-hover_light: oklch(79.5% 0.145 205);
    --_surface-aqua-main-hover_dark: oklch(45.1% 0.108 205);

    --_text-primary-on-surface-aqua-main_light: oklch(25.2% 0.05 205);
    --_text-primary-on-surface-aqua-main_dark: oklch(95.2% 0.048 205);
    --_text-secondary-on-surface-aqua-main_light: oklch(41.2% 0.069 205);
    --_text-secondary-on-surface-aqua-main_dark: oklch(70.5% 0.071 205);
    --_text-disabled-on-surface-aqua-main_light: oklch(67.2% 0.08 205);
    --_text-disabled-on-surface-aqua-main_dark: oklch(60.805% 0.06825 205);

    --surface-aqua-main: light-dark(var(--_surface-aqua-main_light), var(--_surface-aqua-main_dark));
    --surface-aqua-main-hover: light-dark(var(--_surface-aqua-main-hover_light), var(--_surface-aqua-main-hover_dark));
    --surface-aqua-main-active: light-dark(var(--_surface-aqua-main-hover_light), var(--_surface-aqua-main-hover_dark));

    --text-primary-on-surface-aqua-main: light-dark(var(--_text-primary-on-surface-aqua-main_light), var(--_text-primary-on-surface-aqua-main_dark));
    --text-secondary-on-surface-aqua-main: light-dark(var(--_text-secondary-on-surface-aqua-main_light), var(--_text-secondary-on-surface-aqua-main_dark));
    --text-disabled-on-surface-aqua-main: light-dark(var(--_text-disabled-on-surface-aqua-main_light), var(--_text-disabled-on-surface-aqua-main_dark));

    --_surface-teal-minimal_light: var(--teal-10);
    --_surface-teal-minimal_dark: var(--teal-100);
    --_surface-teal-minimal-hover_light: oklch(90.9% 0.086 175);
    --_surface-teal-minimal-hover_dark: oklch(39.7% 0.105 175);
    --_surface-teal-minimal-hover_light: oklch(88.9% 0.094 175);
    --_surface-teal-minimal-hover_dark: oklch(45.1% 0.108 175);

    --_text-primary-on-surface-teal-minimal_light: oklch(28.5% 0.072 175);
    --_text-primary-on-surface-teal-minimal_dark: oklch(95.2% 0.078 175);
    --_text-secondary-on-surface-teal-minimal_light: oklch(46.6% 0.04 175);
    --_text-secondary-on-surface-teal-minimal_dark: oklch(70.5% 0.071 175);
    --_text-disabled-on-surface-teal-minimal_light: oklch(76% 0.032 175);
    --_text-disabled-on-surface-teal-minimal_dark: oklch(60.805% 0.06825 175);

    --surface-teal-minimal: light-dark(var(--_surface-teal-minimal_light), var(--_surface-teal-minimal_dark));
    --surface-teal-minimal-hover: light-dark(var(--_surface-teal-minimal-hover_light), var(--_surface-teal-minimal-hover_dark));
    --surface-teal-minimal-active: light-dark(var(--_surface-teal-minimal-hover_light), var(--_surface-teal-minimal-hover_dark));

    --text-primary-on-surface-teal-minimal: light-dark(var(--_text-primary-on-surface-teal-minimal_light), var(--_text-primary-on-surface-teal-minimal_dark));
    --text-secondary-on-surface-teal-minimal: light-dark(var(--_text-secondary-on-surface-teal-minimal_light), var(--_text-secondary-on-surface-teal-minimal_dark));
    --text-disabled-on-surface-teal-minimal: light-dark(var(--_text-disabled-on-surface-teal-minimal_light), var(--_text-disabled-on-surface-teal-minimal_dark));

    --_surface-teal-subtle_light: var(--teal-20);
    --_surface-teal-subtle_dark: var(--teal-90);
    --_surface-teal-subtle-hover_light: oklch(85.5% 0.14 175);
    --_surface-teal-subtle-hover_dark: oklch(47.9% 0.138 175);
    --_surface-teal-subtle-hover_light: oklch(83.8% 0.145 175);
    --_surface-teal-subtle-hover_dark: oklch(52.3% 0.137 175);

    --_text-primary-on-surface-teal-subtle_light: oklch(26.7% 0.06 175);
    --_text-primary-on-surface-teal-subtle_dark: oklch(95.8% 0.061 175);
    --_text-secondary-on-surface-teal-subtle_light: oklch(43.6% 0.069 175);
    --_text-secondary-on-surface-teal-subtle_dark: oklch(74.5% 0.088 175);
    --_text-disabled-on-surface-teal-subtle_light: oklch(71.2% 0.08 175);
    --_text-disabled-on-surface-teal-subtle_dark: oklch(66.135% 0.0897 175);

    --surface-teal-subtle: light-dark(var(--_surface-teal-subtle_light), var(--_surface-teal-subtle_dark));
    --surface-teal-subtle-hover: light-dark(var(--_surface-teal-subtle-hover_light), var(--_surface-teal-subtle-hover_dark));
    --surface-teal-subtle-active: light-dark(var(--_surface-teal-subtle-hover_light), var(--_surface-teal-subtle-hover_dark));

    --text-primary-on-surface-teal-subtle: light-dark(var(--_text-primary-on-surface-teal-subtle_light), var(--_text-primary-on-surface-teal-subtle_dark));
    --text-secondary-on-surface-teal-subtle: light-dark(var(--_text-secondary-on-surface-teal-subtle_light), var(--_text-secondary-on-surface-teal-subtle_dark));
    --text-disabled-on-surface-teal-subtle: light-dark(var(--_text-disabled-on-surface-teal-subtle_light), var(--_text-disabled-on-surface-teal-subtle_dark));

    --_surface-teal-moderate_light: var(--teal-40);
    --_surface-teal-moderate_dark: var(--teal-70);
    --_surface-teal-moderate-hover_light: oklch(77.4% 0.176 175);
    --_surface-teal-moderate-hover_dark: oklch(59.4% 0.212 175);
    --_surface-teal-moderate-hover_light: oklch(76.1% 0.179 175);
    --_surface-teal-moderate-hover_dark: oklch(62.4% 0.202 175);

    --_text-primary-on-surface-teal-moderate_light: oklch(24% 0.052 175);
    --_text-primary-on-surface-teal-moderate_dark: oklch(100% 0 175);
    --_text-secondary-on-surface-teal-moderate_light: oklch(39.2% 0.089 175);
    --_text-secondary-on-surface-teal-moderate_dark: oklch(100% 0 175);
    --_text-disabled-on-surface-teal-moderate_light: oklch(64% 0.1 175);
    --_text-disabled-on-surface-teal-moderate_dark: oklch(73.61% 0.1 175);

    --surface-teal-moderate: light-dark(var(--_surface-teal-moderate_light), var(--_surface-teal-moderate_dark));
    --surface-teal-moderate-hover: light-dark(var(--_surface-teal-moderate-hover_light), var(--_surface-teal-moderate-hover_dark));
    --surface-teal-moderate-active: light-dark(var(--_surface-teal-moderate-hover_light), var(--_surface-teal-moderate-hover_dark));

    --text-primary-on-surface-teal-moderate: light-dark(var(--_text-primary-on-surface-teal-moderate_light), var(--_text-primary-on-surface-teal-moderate_dark));
    --text-secondary-on-surface-teal-moderate: light-dark(var(--_text-secondary-on-surface-teal-moderate_light), var(--_text-secondary-on-surface-teal-moderate_dark));
    --text-disabled-on-surface-teal-moderate: light-dark(var(--_text-disabled-on-surface-teal-moderate_light), var(--_text-disabled-on-surface-teal-moderate_dark));

    --_surface-teal-strong_light: var(--teal-60);
    --_surface-teal-strong_dark: var(--teal-50);
    --_surface-teal-strong-hover_light: oklch(58.1% 0.142 175);
    --_surface-teal-strong-hover_dark: oklch(60.2% 0.146 175);
    --_surface-teal-strong-hover_light: oklch(60.2% 0.138 175);
    --_surface-teal-strong-hover_dark: oklch(63.1% 0.144 175);

    --_text-primary-on-surface-teal-strong_light: oklch(100% 0 175);
    --_text-primary-on-surface-teal-strong_dark: oklch(100% 0 175);
    --_text-secondary-on-surface-teal-strong_light: oklch(100% 0 175);
    --_text-secondary-on-surface-teal-strong_dark: oklch(100% 0 175);
    --_text-disabled-on-surface-teal-strong_light: oklch(72.765% 0.0923 175);
    --_text-disabled-on-surface-teal-strong_dark: oklch(74.13% 0.0949 175);

    --surface-teal-strong: light-dark(var(--_surface-teal-strong_light), var(--_surface-teal-strong_dark));
    --surface-teal-strong-hover: light-dark(var(--_surface-teal-strong-hover_light), var(--_surface-teal-strong-hover_dark));
    --surface-teal-strong-active: light-dark(var(--_surface-teal-strong-hover_light), var(--_surface-teal-strong-hover_dark));

    --text-primary-on-surface-teal-strong: light-dark(var(--_text-primary-on-surface-teal-strong_light), var(--_text-primary-on-surface-teal-strong_dark));
    --text-secondary-on-surface-teal-strong: light-dark(var(--_text-secondary-on-surface-teal-strong_light), var(--_text-secondary-on-surface-teal-strong_dark));
    --text-disabled-on-surface-teal-strong: light-dark(var(--_text-disabled-on-surface-teal-strong_light), var(--_text-disabled-on-surface-teal-strong_dark));

    --_surface-teal-contrast_light: var(--teal-90);
    --_surface-teal-contrast_dark: var(--teal-20);
    --_surface-teal-contrast-hover_light: oklch(45.5% 0.133 175);
    --_surface-teal-contrast-hover_dark: oklch(82.7% 0.148 175);
    --_surface-teal-contrast-hover_light: oklch(48.3% 0.13 175);
    --_surface-teal-contrast-hover_dark: oklch(79.2% 0.158 175);

    --_text-primary-on-surface-teal-contrast_light: oklch(95.6% 0.061 175);
    --_text-primary-on-surface-teal-contrast_dark: oklch(26.7% 0.06 175);
    --_text-secondary-on-surface-teal-contrast_light: oklch(73.3% 0.085 175);
    --_text-secondary-on-surface-teal-contrast_dark: oklch(43.6% 0.069 175);
    --_text-disabled-on-surface-teal-contrast_light: oklch(64.575% 0.08645 175);
    --_text-disabled-on-surface-teal-contrast_dark: oklch(71.2% 0.08 175);

    --surface-teal-contrast: light-dark(var(--_surface-teal-contrast_light), var(--_surface-teal-contrast_dark));
    --surface-teal-contrast-hover: light-dark(var(--_surface-teal-contrast-hover_light), var(--_surface-teal-contrast-hover_dark));
    --surface-teal-contrast-active: light-dark(var(--_surface-teal-contrast-hover_light), var(--_surface-teal-contrast-hover_dark));

    --text-primary-on-surface-teal-contrast: light-dark(var(--_text-primary-on-surface-teal-contrast_light), var(--_text-primary-on-surface-teal-contrast_dark));
    --text-secondary-on-surface-teal-contrast: light-dark(var(--_text-secondary-on-surface-teal-contrast_light), var(--_text-secondary-on-surface-teal-contrast_dark));
    --text-disabled-on-surface-teal-contrast: light-dark(var(--_text-disabled-on-surface-teal-contrast_light), var(--_text-disabled-on-surface-teal-contrast_dark));

    --_surface-teal-main_light: var(--teal-30);
    --_surface-teal-main_dark: var(--teal-100);
    --_surface-teal-main-hover_light: oklch(81% 0.14 175);
    --_surface-teal-main-hover_dark: oklch(39.7% 0.105 175);
    --_surface-teal-main-hover_light: oklch(79.5% 0.145 175);
    --_surface-teal-main-hover_dark: oklch(45.1% 0.108 175);

    --_text-primary-on-surface-teal-main_light: oklch(25.2% 0.06 175);
    --_text-primary-on-surface-teal-main_dark: oklch(95.2% 0.078 175);
    --_text-secondary-on-surface-teal-main_light: oklch(41.2% 0.069 175);
    --_text-secondary-on-surface-teal-main_dark: oklch(70.5% 0.071 175);
    --_text-disabled-on-surface-teal-main_light: oklch(67.2% 0.08 175);
    --_text-disabled-on-surface-teal-main_dark: oklch(60.805% 0.06825 175);

    --surface-teal-main: light-dark(var(--_surface-teal-main_light), var(--_surface-teal-main_dark));
    --surface-teal-main-hover: light-dark(var(--_surface-teal-main-hover_light), var(--_surface-teal-main-hover_dark));
    --surface-teal-main-active: light-dark(var(--_surface-teal-main-hover_light), var(--_surface-teal-main-hover_dark));

    --text-primary-on-surface-teal-main: light-dark(var(--_text-primary-on-surface-teal-main_light), var(--_text-primary-on-surface-teal-main_dark));
    --text-secondary-on-surface-teal-main: light-dark(var(--_text-secondary-on-surface-teal-main_light), var(--_text-secondary-on-surface-teal-main_dark));
    --text-disabled-on-surface-teal-main: light-dark(var(--_text-disabled-on-surface-teal-main_light), var(--_text-disabled-on-surface-teal-main_dark));

    --_surface-green-minimal_light: var(--green-10);
    --_surface-green-minimal_dark: var(--green-100);
    --_surface-green-minimal-hover_light: oklch(90.9% 0.086 146);
    --_surface-green-minimal-hover_dark: oklch(39.7% 0.105 146);
    --_surface-green-minimal-hover_light: oklch(88.9% 0.094 146);
    --_surface-green-minimal-hover_dark: oklch(45.1% 0.108 146);

    --_text-primary-on-surface-green-minimal_light: oklch(28.5% 0.112 146);
    --_text-primary-on-surface-green-minimal_dark: oklch(95.2% 0.088 146);
    --_text-secondary-on-surface-green-minimal_light: oklch(46.6% 0.04 146);
    --_text-secondary-on-surface-green-minimal_dark: oklch(70.5% 0.071 146);
    --_text-disabled-on-surface-green-minimal_light: oklch(76% 0.032 146);
    --_text-disabled-on-surface-green-minimal_dark: oklch(60.805% 0.06825 146);

    --surface-green-minimal: light-dark(var(--_surface-green-minimal_light), var(--_surface-green-minimal_dark));
    --surface-green-minimal-hover: light-dark(var(--_surface-green-minimal-hover_light), var(--_surface-green-minimal-hover_dark));
    --surface-green-minimal-active: light-dark(var(--_surface-green-minimal-hover_light), var(--_surface-green-minimal-hover_dark));

    --text-primary-on-surface-green-minimal: light-dark(var(--_text-primary-on-surface-green-minimal_light), var(--_text-primary-on-surface-green-minimal_dark));
    --text-secondary-on-surface-green-minimal: light-dark(var(--_text-secondary-on-surface-green-minimal_light), var(--_text-secondary-on-surface-green-minimal_dark));
    --text-disabled-on-surface-green-minimal: light-dark(var(--_text-disabled-on-surface-green-minimal_light), var(--_text-disabled-on-surface-green-minimal_dark));

    --_surface-green-subtle_light: var(--green-20);
    --_surface-green-subtle_dark: var(--green-90);
    --_surface-green-subtle-hover_light: oklch(85.5% 0.14 146);
    --_surface-green-subtle-hover_dark: oklch(47.9% 0.138 146);
    --_surface-green-subtle-hover_light: oklch(83.8% 0.145 146);
    --_surface-green-subtle-hover_dark: oklch(52.3% 0.137 146);

    --_text-primary-on-surface-green-subtle_light: oklch(26.7% 0.11 146);
    --_text-primary-on-surface-green-subtle_dark: oklch(95.8% 0.071 146);
    --_text-secondary-on-surface-green-subtle_light: oklch(43.6% 0.069 146);
    --_text-secondary-on-surface-green-subtle_dark: oklch(74.5% 0.088 146);
    --_text-disabled-on-surface-green-subtle_light: oklch(71.2% 0.08 146);
    --_text-disabled-on-surface-green-subtle_dark: oklch(66.135% 0.0897 146);

    --surface-green-subtle: light-dark(var(--_surface-green-subtle_light), var(--_surface-green-subtle_dark));
    --surface-green-subtle-hover: light-dark(var(--_surface-green-subtle-hover_light), var(--_surface-green-subtle-hover_dark));
    --surface-green-subtle-active: light-dark(var(--_surface-green-subtle-hover_light), var(--_surface-green-subtle-hover_dark));

    --text-primary-on-surface-green-subtle: light-dark(var(--_text-primary-on-surface-green-subtle_light), var(--_text-primary-on-surface-green-subtle_dark));
    --text-secondary-on-surface-green-subtle: light-dark(var(--_text-secondary-on-surface-green-subtle_light), var(--_text-secondary-on-surface-green-subtle_dark));
    --text-disabled-on-surface-green-subtle: light-dark(var(--_text-disabled-on-surface-green-subtle_light), var(--_text-disabled-on-surface-green-subtle_dark));

    --_surface-green-moderate_light: var(--green-40);
    --_surface-green-moderate_dark: var(--green-70);
    --_surface-green-moderate-hover_light: oklch(77.4% 0.176 146);
    --_surface-green-moderate-hover_dark: oklch(59.4% 0.212 146);
    --_surface-green-moderate-hover_light: oklch(76.1% 0.179 146);
    --_surface-green-moderate-hover_dark: oklch(62.4% 0.202 146);

    --_text-primary-on-surface-green-moderate_light: oklch(24% 0.102 146);
    --_text-primary-on-surface-green-moderate_dark: oklch(100% 0 146);
    --_text-secondary-on-surface-green-moderate_light: oklch(39.2% 0.089 146);
    --_text-secondary-on-surface-green-moderate_dark: oklch(100% 0 146);
    --_text-disabled-on-surface-green-moderate_light: oklch(64% 0.1 146);
    --_text-disabled-on-surface-green-moderate_dark: oklch(73.61% 0.1 146);

    --surface-green-moderate: light-dark(var(--_surface-green-moderate_light), var(--_surface-green-moderate_dark));
    --surface-green-moderate-hover: light-dark(var(--_surface-green-moderate-hover_light), var(--_surface-green-moderate-hover_dark));
    --surface-green-moderate-active: light-dark(var(--_surface-green-moderate-hover_light), var(--_surface-green-moderate-hover_dark));

    --text-primary-on-surface-green-moderate: light-dark(var(--_text-primary-on-surface-green-moderate_light), var(--_text-primary-on-surface-green-moderate_dark));
    --text-secondary-on-surface-green-moderate: light-dark(var(--_text-secondary-on-surface-green-moderate_light), var(--_text-secondary-on-surface-green-moderate_dark));
    --text-disabled-on-surface-green-moderate: light-dark(var(--_text-disabled-on-surface-green-moderate_light), var(--_text-disabled-on-surface-green-moderate_dark));

    --_surface-green-strong_light: var(--green-60);
    --_surface-green-strong_dark: var(--green-50);
    --_surface-green-strong-hover_light: oklch(54.5% 0.232 146);
    --_surface-green-strong-hover_dark: oklch(56.9% 0.212 146);
    --_surface-green-strong-hover_light: oklch(56.8% 0.223 146);
    --_surface-green-strong-hover_dark: oklch(60.2% 0.202 146);

    --_text-primary-on-surface-green-strong_light: oklch(96.4% 0.069 146);
    --_text-primary-on-surface-green-strong_dark: oklch(100% 0 146);
    --_text-secondary-on-surface-green-strong_light: oklch(77.7% 0.12 146);
    --_text-secondary-on-surface-green-strong_dark: oklch(100% 0 146);
    --_text-disabled-on-surface-green-strong_light: oklch(70.425% 0.1 146);
    --_text-disabled-on-surface-green-strong_dark: oklch(71.985% 0.1 146);

    --surface-green-strong: light-dark(var(--_surface-green-strong_light), var(--_surface-green-strong_dark));
    --surface-green-strong-hover: light-dark(var(--_surface-green-strong-hover_light), var(--_surface-green-strong-hover_dark));
    --surface-green-strong-active: light-dark(var(--_surface-green-strong-hover_light), var(--_surface-green-strong-hover_dark));

    --text-primary-on-surface-green-strong: light-dark(var(--_text-primary-on-surface-green-strong_light), var(--_text-primary-on-surface-green-strong_dark));
    --text-secondary-on-surface-green-strong: light-dark(var(--_text-secondary-on-surface-green-strong_light), var(--_text-secondary-on-surface-green-strong_dark));
    --text-disabled-on-surface-green-strong: light-dark(var(--_text-disabled-on-surface-green-strong_light), var(--_text-disabled-on-surface-green-strong_dark));

    --_surface-green-contrast_light: var(--green-90);
    --_surface-green-contrast_dark: var(--green-20);
    --_surface-green-contrast-hover_light: oklch(45.5% 0.133 146);
    --_surface-green-contrast-hover_dark: oklch(82.7% 0.148 146);
    --_surface-green-contrast-hover_light: oklch(48.3% 0.13 146);
    --_surface-green-contrast-hover_dark: oklch(79.2% 0.158 146);

    --_text-primary-on-surface-green-contrast_light: oklch(95.6% 0.081 146);
    --_text-primary-on-surface-green-contrast_dark: oklch(26.7% 0.11 146);
    --_text-secondary-on-surface-green-contrast_light: oklch(73.3% 0.085 146);
    --_text-secondary-on-surface-green-contrast_dark: oklch(43.6% 0.069 146);
    --_text-disabled-on-surface-green-contrast_light: oklch(64.575% 0.08645 146);
    --_text-disabled-on-surface-green-contrast_dark: oklch(71.2% 0.08 146);

    --surface-green-contrast: light-dark(var(--_surface-green-contrast_light), var(--_surface-green-contrast_dark));
    --surface-green-contrast-hover: light-dark(var(--_surface-green-contrast-hover_light), var(--_surface-green-contrast-hover_dark));
    --surface-green-contrast-active: light-dark(var(--_surface-green-contrast-hover_light), var(--_surface-green-contrast-hover_dark));

    --text-primary-on-surface-green-contrast: light-dark(var(--_text-primary-on-surface-green-contrast_light), var(--_text-primary-on-surface-green-contrast_dark));
    --text-secondary-on-surface-green-contrast: light-dark(var(--_text-secondary-on-surface-green-contrast_light), var(--_text-secondary-on-surface-green-contrast_dark));
    --text-disabled-on-surface-green-contrast: light-dark(var(--_text-disabled-on-surface-green-contrast_light), var(--_text-disabled-on-surface-green-contrast_dark));

    --_surface-green-main_light: var(--green-30);
    --_surface-green-main_dark: var(--green-100);
    --_surface-green-main-hover_light: oklch(81% 0.14 146);
    --_surface-green-main-hover_dark: oklch(39.7% 0.105 146);
    --_surface-green-main-hover_light: oklch(79.5% 0.145 146);
    --_surface-green-main-hover_dark: oklch(45.1% 0.108 146);

    --_text-primary-on-surface-green-main_light: oklch(25.2% 0.1 146);
    --_text-primary-on-surface-green-main_dark: oklch(95.2% 0.088 146);
    --_text-secondary-on-surface-green-main_light: oklch(41.2% 0.069 146);
    --_text-secondary-on-surface-green-main_dark: oklch(70.5% 0.071 146);
    --_text-disabled-on-surface-green-main_light: oklch(67.2% 0.08 146);
    --_text-disabled-on-surface-green-main_dark: oklch(60.805% 0.06825 146);

    --surface-green-main: light-dark(var(--_surface-green-main_light), var(--_surface-green-main_dark));
    --surface-green-main-hover: light-dark(var(--_surface-green-main-hover_light), var(--_surface-green-main-hover_dark));
    --surface-green-main-active: light-dark(var(--_surface-green-main-hover_light), var(--_surface-green-main-hover_dark));

    --text-primary-on-surface-green-main: light-dark(var(--_text-primary-on-surface-green-main_light), var(--_text-primary-on-surface-green-main_dark));
    --text-secondary-on-surface-green-main: light-dark(var(--_text-secondary-on-surface-green-main_light), var(--_text-secondary-on-surface-green-main_dark));
    --text-disabled-on-surface-green-main: light-dark(var(--_text-disabled-on-surface-green-main_light), var(--_text-disabled-on-surface-green-main_dark));

    --_surface-lightgreen-minimal_light: var(--lightgreen-10);
    --_surface-lightgreen-minimal_dark: var(--lightgreen-100);
    --_surface-lightgreen-minimal-hover_light: oklch(90.9% 0.086 135);
    --_surface-lightgreen-minimal-hover_dark: oklch(39.7% 0.105 135);
    --_surface-lightgreen-minimal-hover_light: oklch(88.9% 0.094 135);
    --_surface-lightgreen-minimal-hover_dark: oklch(45.1% 0.108 135);

    --_text-primary-on-surface-lightgreen-minimal_light: oklch(28.5% 0.092 135);
    --_text-primary-on-surface-lightgreen-minimal_dark: oklch(95.2% 0.108 135);
    --_text-secondary-on-surface-lightgreen-minimal_light: oklch(46.6% 0.04 135);
    --_text-secondary-on-surface-lightgreen-minimal_dark: oklch(70.5% 0.071 135);
    --_text-disabled-on-surface-lightgreen-minimal_light: oklch(76% 0.032 135);
    --_text-disabled-on-surface-lightgreen-minimal_dark: oklch(60.805% 0.06825 135);

    --surface-lightgreen-minimal: light-dark(var(--_surface-lightgreen-minimal_light), var(--_surface-lightgreen-minimal_dark));
    --surface-lightgreen-minimal-hover: light-dark(var(--_surface-lightgreen-minimal-hover_light), var(--_surface-lightgreen-minimal-hover_dark));
    --surface-lightgreen-minimal-active: light-dark(var(--_surface-lightgreen-minimal-hover_light), var(--_surface-lightgreen-minimal-hover_dark));

    --text-primary-on-surface-lightgreen-minimal: light-dark(var(--_text-primary-on-surface-lightgreen-minimal_light), var(--_text-primary-on-surface-lightgreen-minimal_dark));
    --text-secondary-on-surface-lightgreen-minimal: light-dark(var(--_text-secondary-on-surface-lightgreen-minimal_light), var(--_text-secondary-on-surface-lightgreen-minimal_dark));
    --text-disabled-on-surface-lightgreen-minimal: light-dark(var(--_text-disabled-on-surface-lightgreen-minimal_light), var(--_text-disabled-on-surface-lightgreen-minimal_dark));

    --_surface-lightgreen-subtle_light: var(--lightgreen-20);
    --_surface-lightgreen-subtle_dark: var(--lightgreen-90);
    --_surface-lightgreen-subtle-hover_light: oklch(85.5% 0.14 135);
    --_surface-lightgreen-subtle-hover_dark: oklch(47.9% 0.138 135);
    --_surface-lightgreen-subtle-hover_light: oklch(83.8% 0.145 135);
    --_surface-lightgreen-subtle-hover_dark: oklch(52.3% 0.137 135);

    --_text-primary-on-surface-lightgreen-subtle_light: oklch(26.7% 0.09 135);
    --_text-primary-on-surface-lightgreen-subtle_dark: oklch(95.8% 0.091 135);
    --_text-secondary-on-surface-lightgreen-subtle_light: oklch(43.6% 0.069 135);
    --_text-secondary-on-surface-lightgreen-subtle_dark: oklch(74.5% 0.088 135);
    --_text-disabled-on-surface-lightgreen-subtle_light: oklch(71.2% 0.08 135);
    --_text-disabled-on-surface-lightgreen-subtle_dark: oklch(66.135% 0.0897 135);

    --surface-lightgreen-subtle: light-dark(var(--_surface-lightgreen-subtle_light), var(--_surface-lightgreen-subtle_dark));
    --surface-lightgreen-subtle-hover: light-dark(var(--_surface-lightgreen-subtle-hover_light), var(--_surface-lightgreen-subtle-hover_dark));
    --surface-lightgreen-subtle-active: light-dark(var(--_surface-lightgreen-subtle-hover_light), var(--_surface-lightgreen-subtle-hover_dark));

    --text-primary-on-surface-lightgreen-subtle: light-dark(var(--_text-primary-on-surface-lightgreen-subtle_light), var(--_text-primary-on-surface-lightgreen-subtle_dark));
    --text-secondary-on-surface-lightgreen-subtle: light-dark(var(--_text-secondary-on-surface-lightgreen-subtle_light), var(--_text-secondary-on-surface-lightgreen-subtle_dark));
    --text-disabled-on-surface-lightgreen-subtle: light-dark(var(--_text-disabled-on-surface-lightgreen-subtle_light), var(--_text-disabled-on-surface-lightgreen-subtle_dark));

    --_surface-lightgreen-moderate_light: var(--lightgreen-40);
    --_surface-lightgreen-moderate_dark: var(--lightgreen-70);
    --_surface-lightgreen-moderate-hover_light: oklch(77.4% 0.176 135);
    --_surface-lightgreen-moderate-hover_dark: oklch(59.4% 0.212 135);
    --_surface-lightgreen-moderate-hover_light: oklch(76.1% 0.179 135);
    --_surface-lightgreen-moderate-hover_dark: oklch(62.4% 0.202 135);

    --_text-primary-on-surface-lightgreen-moderate_light: oklch(24% 0.082 135);
    --_text-primary-on-surface-lightgreen-moderate_dark: oklch(100% 0 135);
    --_text-secondary-on-surface-lightgreen-moderate_light: oklch(39.2% 0.089 135);
    --_text-secondary-on-surface-lightgreen-moderate_dark: oklch(100% 0 135);
    --_text-disabled-on-surface-lightgreen-moderate_light: oklch(64% 0.1 135);
    --_text-disabled-on-surface-lightgreen-moderate_dark: oklch(73.61% 0.1 135);

    --surface-lightgreen-moderate: light-dark(var(--_surface-lightgreen-moderate_light), var(--_surface-lightgreen-moderate_dark));
    --surface-lightgreen-moderate-hover: light-dark(var(--_surface-lightgreen-moderate-hover_light), var(--_surface-lightgreen-moderate-hover_dark));
    --surface-lightgreen-moderate-active: light-dark(var(--_surface-lightgreen-moderate-hover_light), var(--_surface-lightgreen-moderate-hover_dark));

    --text-primary-on-surface-lightgreen-moderate: light-dark(var(--_text-primary-on-surface-lightgreen-moderate_light), var(--_text-primary-on-surface-lightgreen-moderate_dark));
    --text-secondary-on-surface-lightgreen-moderate: light-dark(var(--_text-secondary-on-surface-lightgreen-moderate_light), var(--_text-secondary-on-surface-lightgreen-moderate_dark));
    --text-disabled-on-surface-lightgreen-moderate: light-dark(var(--_text-disabled-on-surface-lightgreen-moderate_light), var(--_text-disabled-on-surface-lightgreen-moderate_dark));

    --_surface-lightgreen-strong_light: var(--lightgreen-60);
    --_surface-lightgreen-strong_dark: var(--lightgreen-50);
    --_surface-lightgreen-strong-hover_light: oklch(80.1% 0.203 135);
    --_surface-lightgreen-strong-hover_dark: oklch(78.6% 0.189 135);
    --_surface-lightgreen-strong-hover_light: oklch(78.7% 0.205 135);
    --_surface-lightgreen-strong-hover_dark: oklch(75.6% 0.194 135);

    --_text-primary-on-surface-lightgreen-strong_light: oklch(24.9% 0.081 135);
    --_text-primary-on-surface-lightgreen-strong_dark: oklch(25.2% 0.085 135);
    --_text-secondary-on-surface-lightgreen-strong_light: oklch(40.7% 0.103 135);
    --_text-secondary-on-surface-lightgreen-strong_dark: oklch(41.2% 0.094 135);
    --_text-disabled-on-surface-lightgreen-strong_light: oklch(66.4% 0.1 135);
    --_text-disabled-on-surface-lightgreen-strong_dark: oklch(67.2% 0.1 135);

    --surface-lightgreen-strong: light-dark(var(--_surface-lightgreen-strong_light), var(--_surface-lightgreen-strong_dark));
    --surface-lightgreen-strong-hover: light-dark(var(--_surface-lightgreen-strong-hover_light), var(--_surface-lightgreen-strong-hover_dark));
    --surface-lightgreen-strong-active: light-dark(var(--_surface-lightgreen-strong-hover_light), var(--_surface-lightgreen-strong-hover_dark));

    --text-primary-on-surface-lightgreen-strong: light-dark(var(--_text-primary-on-surface-lightgreen-strong_light), var(--_text-primary-on-surface-lightgreen-strong_dark));
    --text-secondary-on-surface-lightgreen-strong: light-dark(var(--_text-secondary-on-surface-lightgreen-strong_light), var(--_text-secondary-on-surface-lightgreen-strong_dark));
    --text-disabled-on-surface-lightgreen-strong: light-dark(var(--_text-disabled-on-surface-lightgreen-strong_light), var(--_text-disabled-on-surface-lightgreen-strong_dark));

    --_surface-lightgreen-contrast_light: var(--lightgreen-90);
    --_surface-lightgreen-contrast_dark: var(--lightgreen-20);
    --_surface-lightgreen-contrast-hover_light: oklch(45.5% 0.133 135);
    --_surface-lightgreen-contrast-hover_dark: oklch(82.7% 0.148 135);
    --_surface-lightgreen-contrast-hover_light: oklch(48.3% 0.13 135);
    --_surface-lightgreen-contrast-hover_dark: oklch(79.2% 0.158 135);

    --_text-primary-on-surface-lightgreen-contrast_light: oklch(95.6% 0.091 135);
    --_text-primary-on-surface-lightgreen-contrast_dark: oklch(26.7% 0.09 135);
    --_text-secondary-on-surface-lightgreen-contrast_light: oklch(73.3% 0.085 135);
    --_text-secondary-on-surface-lightgreen-contrast_dark: oklch(43.6% 0.069 135);
    --_text-disabled-on-surface-lightgreen-contrast_light: oklch(64.575% 0.08645 135);
    --_text-disabled-on-surface-lightgreen-contrast_dark: oklch(71.2% 0.08 135);

    --surface-lightgreen-contrast: light-dark(var(--_surface-lightgreen-contrast_light), var(--_surface-lightgreen-contrast_dark));
    --surface-lightgreen-contrast-hover: light-dark(var(--_surface-lightgreen-contrast-hover_light), var(--_surface-lightgreen-contrast-hover_dark));
    --surface-lightgreen-contrast-active: light-dark(var(--_surface-lightgreen-contrast-hover_light), var(--_surface-lightgreen-contrast-hover_dark));

    --text-primary-on-surface-lightgreen-contrast: light-dark(var(--_text-primary-on-surface-lightgreen-contrast_light), var(--_text-primary-on-surface-lightgreen-contrast_dark));
    --text-secondary-on-surface-lightgreen-contrast: light-dark(var(--_text-secondary-on-surface-lightgreen-contrast_light), var(--_text-secondary-on-surface-lightgreen-contrast_dark));
    --text-disabled-on-surface-lightgreen-contrast: light-dark(var(--_text-disabled-on-surface-lightgreen-contrast_light), var(--_text-disabled-on-surface-lightgreen-contrast_dark));

    --_surface-lightgreen-main_light: var(--lightgreen-30);
    --_surface-lightgreen-main_dark: var(--lightgreen-100);
    --_surface-lightgreen-main-hover_light: oklch(81% 0.14 135);
    --_surface-lightgreen-main-hover_dark: oklch(39.7% 0.105 135);
    --_surface-lightgreen-main-hover_light: oklch(79.5% 0.145 135);
    --_surface-lightgreen-main-hover_dark: oklch(45.1% 0.108 135);

    --_text-primary-on-surface-lightgreen-main_light: oklch(25.2% 0.08 135);
    --_text-primary-on-surface-lightgreen-main_dark: oklch(95.2% 0.108 135);
    --_text-secondary-on-surface-lightgreen-main_light: oklch(41.2% 0.069 135);
    --_text-secondary-on-surface-lightgreen-main_dark: oklch(70.5% 0.071 135);
    --_text-disabled-on-surface-lightgreen-main_light: oklch(67.2% 0.08 135);
    --_text-disabled-on-surface-lightgreen-main_dark: oklch(60.805% 0.06825 135);

    --surface-lightgreen-main: light-dark(var(--_surface-lightgreen-main_light), var(--_surface-lightgreen-main_dark));
    --surface-lightgreen-main-hover: light-dark(var(--_surface-lightgreen-main-hover_light), var(--_surface-lightgreen-main-hover_dark));
    --surface-lightgreen-main-active: light-dark(var(--_surface-lightgreen-main-hover_light), var(--_surface-lightgreen-main-hover_dark));

    --text-primary-on-surface-lightgreen-main: light-dark(var(--_text-primary-on-surface-lightgreen-main_light), var(--_text-primary-on-surface-lightgreen-main_dark));
    --text-secondary-on-surface-lightgreen-main: light-dark(var(--_text-secondary-on-surface-lightgreen-main_light), var(--_text-secondary-on-surface-lightgreen-main_dark));
    --text-disabled-on-surface-lightgreen-main: light-dark(var(--_text-disabled-on-surface-lightgreen-main_light), var(--_text-disabled-on-surface-lightgreen-main_dark));

    --_surface-lime-minimal_light: var(--lime-10);
    --_surface-lime-minimal_dark: var(--lime-100);
    --_surface-lime-minimal-hover_light: oklch(90.9% 0.086 128);
    --_surface-lime-minimal-hover_dark: oklch(39.7% 0.105 128);
    --_surface-lime-minimal-hover_light: oklch(88.9% 0.094 128);
    --_surface-lime-minimal-hover_dark: oklch(45.1% 0.108 128);

    --_text-primary-on-surface-lime-minimal_light: oklch(28.5% 0.082 128);
    --_text-primary-on-surface-lime-minimal_dark: oklch(95.2% 0.108 128);
    --_text-secondary-on-surface-lime-minimal_light: oklch(46.6% 0.04 128);
    --_text-secondary-on-surface-lime-minimal_dark: oklch(70.5% 0.071 128);
    --_text-disabled-on-surface-lime-minimal_light: oklch(76% 0.032 128);
    --_text-disabled-on-surface-lime-minimal_dark: oklch(60.805% 0.06825 128);

    --surface-lime-minimal: light-dark(var(--_surface-lime-minimal_light), var(--_surface-lime-minimal_dark));
    --surface-lime-minimal-hover: light-dark(var(--_surface-lime-minimal-hover_light), var(--_surface-lime-minimal-hover_dark));
    --surface-lime-minimal-active: light-dark(var(--_surface-lime-minimal-hover_light), var(--_surface-lime-minimal-hover_dark));

    --text-primary-on-surface-lime-minimal: light-dark(var(--_text-primary-on-surface-lime-minimal_light), var(--_text-primary-on-surface-lime-minimal_dark));
    --text-secondary-on-surface-lime-minimal: light-dark(var(--_text-secondary-on-surface-lime-minimal_light), var(--_text-secondary-on-surface-lime-minimal_dark));
    --text-disabled-on-surface-lime-minimal: light-dark(var(--_text-disabled-on-surface-lime-minimal_light), var(--_text-disabled-on-surface-lime-minimal_dark));

    --_surface-lime-subtle_light: var(--lime-20);
    --_surface-lime-subtle_dark: var(--lime-90);
    --_surface-lime-subtle-hover_light: oklch(85.5% 0.14 128);
    --_surface-lime-subtle-hover_dark: oklch(47.9% 0.138 128);
    --_surface-lime-subtle-hover_light: oklch(83.8% 0.145 128);
    --_surface-lime-subtle-hover_dark: oklch(52.3% 0.137 128);

    --_text-primary-on-surface-lime-subtle_light: oklch(26.7% 0.08 128);
    --_text-primary-on-surface-lime-subtle_dark: oklch(95.8% 0.111 128);
    --_text-secondary-on-surface-lime-subtle_light: oklch(43.6% 0.069 128);
    --_text-secondary-on-surface-lime-subtle_dark: oklch(74.5% 0.088 128);
    --_text-disabled-on-surface-lime-subtle_light: oklch(71.2% 0.08 128);
    --_text-disabled-on-surface-lime-subtle_dark: oklch(66.135% 0.0897 128);

    --surface-lime-subtle: light-dark(var(--_surface-lime-subtle_light), var(--_surface-lime-subtle_dark));
    --surface-lime-subtle-hover: light-dark(var(--_surface-lime-subtle-hover_light), var(--_surface-lime-subtle-hover_dark));
    --surface-lime-subtle-active: light-dark(var(--_surface-lime-subtle-hover_light), var(--_surface-lime-subtle-hover_dark));

    --text-primary-on-surface-lime-subtle: light-dark(var(--_text-primary-on-surface-lime-subtle_light), var(--_text-primary-on-surface-lime-subtle_dark));
    --text-secondary-on-surface-lime-subtle: light-dark(var(--_text-secondary-on-surface-lime-subtle_light), var(--_text-secondary-on-surface-lime-subtle_dark));
    --text-disabled-on-surface-lime-subtle: light-dark(var(--_text-disabled-on-surface-lime-subtle_light), var(--_text-disabled-on-surface-lime-subtle_dark));

    --_surface-lime-moderate_light: var(--lime-40);
    --_surface-lime-moderate_dark: var(--lime-70);
    --_surface-lime-moderate-hover_light: oklch(77.4% 0.176 128);
    --_surface-lime-moderate-hover_dark: oklch(59.4% 0.212 128);
    --_surface-lime-moderate-hover_light: oklch(76.1% 0.179 128);
    --_surface-lime-moderate-hover_dark: oklch(62.4% 0.202 128);

    --_text-primary-on-surface-lime-moderate_light: oklch(24% 0.072 128);
    --_text-primary-on-surface-lime-moderate_dark: oklch(100% 0 128);
    --_text-secondary-on-surface-lime-moderate_light: oklch(39.2% 0.089 128);
    --_text-secondary-on-surface-lime-moderate_dark: oklch(100% 0 128);
    --_text-disabled-on-surface-lime-moderate_light: oklch(64% 0.1 128);
    --_text-disabled-on-surface-lime-moderate_dark: oklch(73.61% 0.1 128);

    --surface-lime-moderate: light-dark(var(--_surface-lime-moderate_light), var(--_surface-lime-moderate_dark));
    --surface-lime-moderate-hover: light-dark(var(--_surface-lime-moderate-hover_light), var(--_surface-lime-moderate-hover_dark));
    --surface-lime-moderate-active: light-dark(var(--_surface-lime-moderate-hover_light), var(--_surface-lime-moderate-hover_dark));

    --text-primary-on-surface-lime-moderate: light-dark(var(--_text-primary-on-surface-lime-moderate_light), var(--_text-primary-on-surface-lime-moderate_dark));
    --text-secondary-on-surface-lime-moderate: light-dark(var(--_text-secondary-on-surface-lime-moderate_light), var(--_text-secondary-on-surface-lime-moderate_dark));
    --text-disabled-on-surface-lime-moderate: light-dark(var(--_text-disabled-on-surface-lime-moderate_light), var(--_text-disabled-on-surface-lime-moderate_dark));

    --_surface-lime-strong_light: var(--lime-60);
    --_surface-lime-strong_dark: var(--lime-50);
    --_surface-lime-strong-hover_light: oklch(72% 0.194 128);
    --_surface-lime-strong-hover_dark: oklch(71.2% 0.181 128);
    --_surface-lime-strong-hover_light: oklch(71% 0.196 128);
    --_surface-lime-strong-hover_dark: oklch(69.1% 0.187 128);

    --_text-primary-on-surface-lime-strong_light: oklch(22.2% 0.058 128);
    --_text-primary-on-surface-lime-strong_dark: oklch(22.5% 0.062 128);
    --_text-secondary-on-surface-lime-strong_light: oklch(36.3% 0.098 128);
    --_text-secondary-on-surface-lime-strong_dark: oklch(36.8% 0.089 128);
    --_text-disabled-on-surface-lime-strong_light: oklch(59.2% 0.1 128);
    --_text-disabled-on-surface-lime-strong_dark: oklch(60% 0.1 128);

    --surface-lime-strong: light-dark(var(--_surface-lime-strong_light), var(--_surface-lime-strong_dark));
    --surface-lime-strong-hover: light-dark(var(--_surface-lime-strong-hover_light), var(--_surface-lime-strong-hover_dark));
    --surface-lime-strong-active: light-dark(var(--_surface-lime-strong-hover_light), var(--_surface-lime-strong-hover_dark));

    --text-primary-on-surface-lime-strong: light-dark(var(--_text-primary-on-surface-lime-strong_light), var(--_text-primary-on-surface-lime-strong_dark));
    --text-secondary-on-surface-lime-strong: light-dark(var(--_text-secondary-on-surface-lime-strong_light), var(--_text-secondary-on-surface-lime-strong_dark));
    --text-disabled-on-surface-lime-strong: light-dark(var(--_text-disabled-on-surface-lime-strong_light), var(--_text-disabled-on-surface-lime-strong_dark));

    --_surface-lime-contrast_light: var(--lime-90);
    --_surface-lime-contrast_dark: var(--lime-20);
    --_surface-lime-contrast-hover_light: oklch(45.5% 0.133 128);
    --_surface-lime-contrast-hover_dark: oklch(82.7% 0.148 128);
    --_surface-lime-contrast-hover_light: oklch(48.3% 0.13 128);
    --_surface-lime-contrast-hover_dark: oklch(79.2% 0.158 128);

    --_text-primary-on-surface-lime-contrast_light: oklch(95.6% 0.111 128);
    --_text-primary-on-surface-lime-contrast_dark: oklch(26.7% 0.08 128);
    --_text-secondary-on-surface-lime-contrast_light: oklch(73.3% 0.085 128);
    --_text-secondary-on-surface-lime-contrast_dark: oklch(43.6% 0.069 128);
    --_text-disabled-on-surface-lime-contrast_light: oklch(64.575% 0.08645 128);
    --_text-disabled-on-surface-lime-contrast_dark: oklch(71.2% 0.08 128);

    --surface-lime-contrast: light-dark(var(--_surface-lime-contrast_light), var(--_surface-lime-contrast_dark));
    --surface-lime-contrast-hover: light-dark(var(--_surface-lime-contrast-hover_light), var(--_surface-lime-contrast-hover_dark));
    --surface-lime-contrast-active: light-dark(var(--_surface-lime-contrast-hover_light), var(--_surface-lime-contrast-hover_dark));

    --text-primary-on-surface-lime-contrast: light-dark(var(--_text-primary-on-surface-lime-contrast_light), var(--_text-primary-on-surface-lime-contrast_dark));
    --text-secondary-on-surface-lime-contrast: light-dark(var(--_text-secondary-on-surface-lime-contrast_light), var(--_text-secondary-on-surface-lime-contrast_dark));
    --text-disabled-on-surface-lime-contrast: light-dark(var(--_text-disabled-on-surface-lime-contrast_light), var(--_text-disabled-on-surface-lime-contrast_dark));

    --_surface-lime-main_light: var(--lime-30);
    --_surface-lime-main_dark: var(--lime-100);
    --_surface-lime-main-hover_light: oklch(81% 0.14 128);
    --_surface-lime-main-hover_dark: oklch(39.7% 0.105 128);
    --_surface-lime-main-hover_light: oklch(79.5% 0.145 128);
    --_surface-lime-main-hover_dark: oklch(45.1% 0.108 128);

    --_text-primary-on-surface-lime-main_light: oklch(25.2% 0.07 128);
    --_text-primary-on-surface-lime-main_dark: oklch(95.2% 0.108 128);
    --_text-secondary-on-surface-lime-main_light: oklch(41.2% 0.069 128);
    --_text-secondary-on-surface-lime-main_dark: oklch(70.5% 0.071 128);
    --_text-disabled-on-surface-lime-main_light: oklch(67.2% 0.08 128);
    --_text-disabled-on-surface-lime-main_dark: oklch(60.805% 0.06825 128);

    --surface-lime-main: light-dark(var(--_surface-lime-main_light), var(--_surface-lime-main_dark));
    --surface-lime-main-hover: light-dark(var(--_surface-lime-main-hover_light), var(--_surface-lime-main-hover_dark));
    --surface-lime-main-active: light-dark(var(--_surface-lime-main-hover_light), var(--_surface-lime-main-hover_dark));

    --text-primary-on-surface-lime-main: light-dark(var(--_text-primary-on-surface-lime-main_light), var(--_text-primary-on-surface-lime-main_dark));
    --text-secondary-on-surface-lime-main: light-dark(var(--_text-secondary-on-surface-lime-main_light), var(--_text-secondary-on-surface-lime-main_dark));
    --text-disabled-on-surface-lime-main: light-dark(var(--_text-disabled-on-surface-lime-main_light), var(--_text-disabled-on-surface-lime-main_dark));

    --_surface-yellow-minimal_light: var(--yellow-10);
    --_surface-yellow-minimal_dark: var(--yellow-100);
    --_surface-yellow-minimal-hover_light: oklch(90.9% 0.086 99);
    --_surface-yellow-minimal-hover_dark: oklch(39.7% 0.105 99);
    --_surface-yellow-minimal-hover_light: oklch(88.9% 0.094 99);
    --_surface-yellow-minimal-hover_dark: oklch(45.1% 0.108 99);

    --_text-primary-on-surface-yellow-minimal_light: oklch(28.5% 0.062 99);
    --_text-primary-on-surface-yellow-minimal_dark: oklch(95.2% 0.108 99);
    --_text-secondary-on-surface-yellow-minimal_light: oklch(46.6% 0.04 99);
    --_text-secondary-on-surface-yellow-minimal_dark: oklch(70.5% 0.071 99);
    --_text-disabled-on-surface-yellow-minimal_light: oklch(76% 0.032 99);
    --_text-disabled-on-surface-yellow-minimal_dark: oklch(60.805% 0.06825 99);

    --surface-yellow-minimal: light-dark(var(--_surface-yellow-minimal_light), var(--_surface-yellow-minimal_dark));
    --surface-yellow-minimal-hover: light-dark(var(--_surface-yellow-minimal-hover_light), var(--_surface-yellow-minimal-hover_dark));
    --surface-yellow-minimal-active: light-dark(var(--_surface-yellow-minimal-hover_light), var(--_surface-yellow-minimal-hover_dark));

    --text-primary-on-surface-yellow-minimal: light-dark(var(--_text-primary-on-surface-yellow-minimal_light), var(--_text-primary-on-surface-yellow-minimal_dark));
    --text-secondary-on-surface-yellow-minimal: light-dark(var(--_text-secondary-on-surface-yellow-minimal_light), var(--_text-secondary-on-surface-yellow-minimal_dark));
    --text-disabled-on-surface-yellow-minimal: light-dark(var(--_text-disabled-on-surface-yellow-minimal_light), var(--_text-disabled-on-surface-yellow-minimal_dark));

    --_surface-yellow-subtle_light: var(--yellow-20);
    --_surface-yellow-subtle_dark: var(--yellow-90);
    --_surface-yellow-subtle-hover_light: oklch(85.5% 0.14 99);
    --_surface-yellow-subtle-hover_dark: oklch(47.9% 0.138 99);
    --_surface-yellow-subtle-hover_light: oklch(83.8% 0.145 99);
    --_surface-yellow-subtle-hover_dark: oklch(52.3% 0.137 99);

    --_text-primary-on-surface-yellow-subtle_light: oklch(26.7% 0.06 99);
    --_text-primary-on-surface-yellow-subtle_dark: oklch(95.8% 0.091 99);
    --_text-secondary-on-surface-yellow-subtle_light: oklch(43.6% 0.069 99);
    --_text-secondary-on-surface-yellow-subtle_dark: oklch(74.5% 0.088 99);
    --_text-disabled-on-surface-yellow-subtle_light: oklch(71.2% 0.08 99);
    --_text-disabled-on-surface-yellow-subtle_dark: oklch(66.135% 0.0897 99);

    --surface-yellow-subtle: light-dark(var(--_surface-yellow-subtle_light), var(--_surface-yellow-subtle_dark));
    --surface-yellow-subtle-hover: light-dark(var(--_surface-yellow-subtle-hover_light), var(--_surface-yellow-subtle-hover_dark));
    --surface-yellow-subtle-active: light-dark(var(--_surface-yellow-subtle-hover_light), var(--_surface-yellow-subtle-hover_dark));

    --text-primary-on-surface-yellow-subtle: light-dark(var(--_text-primary-on-surface-yellow-subtle_light), var(--_text-primary-on-surface-yellow-subtle_dark));
    --text-secondary-on-surface-yellow-subtle: light-dark(var(--_text-secondary-on-surface-yellow-subtle_light), var(--_text-secondary-on-surface-yellow-subtle_dark));
    --text-disabled-on-surface-yellow-subtle: light-dark(var(--_text-disabled-on-surface-yellow-subtle_light), var(--_text-disabled-on-surface-yellow-subtle_dark));

    --_surface-yellow-moderate_light: var(--yellow-40);
    --_surface-yellow-moderate_dark: var(--yellow-70);
    --_surface-yellow-moderate-hover_light: oklch(77.4% 0.176 99);
    --_surface-yellow-moderate-hover_dark: oklch(59.4% 0.212 99);
    --_surface-yellow-moderate-hover_light: oklch(76.1% 0.179 99);
    --_surface-yellow-moderate-hover_dark: oklch(62.4% 0.202 99);

    --_text-primary-on-surface-yellow-moderate_light: oklch(24% 0.052 99);
    --_text-primary-on-surface-yellow-moderate_dark: oklch(100% 0 99);
    --_text-secondary-on-surface-yellow-moderate_light: oklch(39.2% 0.089 99);
    --_text-secondary-on-surface-yellow-moderate_dark: oklch(100% 0 99);
    --_text-disabled-on-surface-yellow-moderate_light: oklch(64% 0.1 99);
    --_text-disabled-on-surface-yellow-moderate_dark: oklch(73.61% 0.1 99);

    --surface-yellow-moderate: light-dark(var(--_surface-yellow-moderate_light), var(--_surface-yellow-moderate_dark));
    --surface-yellow-moderate-hover: light-dark(var(--_surface-yellow-moderate-hover_light), var(--_surface-yellow-moderate-hover_dark));
    --surface-yellow-moderate-active: light-dark(var(--_surface-yellow-moderate-hover_light), var(--_surface-yellow-moderate-hover_dark));

    --text-primary-on-surface-yellow-moderate: light-dark(var(--_text-primary-on-surface-yellow-moderate_light), var(--_text-primary-on-surface-yellow-moderate_dark));
    --text-secondary-on-surface-yellow-moderate: light-dark(var(--_text-secondary-on-surface-yellow-moderate_light), var(--_text-secondary-on-surface-yellow-moderate_dark));
    --text-disabled-on-surface-yellow-moderate: light-dark(var(--_text-disabled-on-surface-yellow-moderate_light), var(--_text-disabled-on-surface-yellow-moderate_dark));

    --_surface-yellow-strong_light: var(--yellow-60);
    --_surface-yellow-strong_dark: var(--yellow-50);
    --_surface-yellow-strong-hover_light: oklch(86.4% 0.212 99);
    --_surface-yellow-strong-hover_dark: oklch(84.3% 0.197 99);
    --_surface-yellow-strong-hover_light: oklch(84.6% 0.213 99);
    --_surface-yellow-strong-hover_dark: oklch(80.6% 0.201 99);

    --_text-primary-on-surface-yellow-strong_light: oklch(27% 0.064 99);
    --_text-primary-on-surface-yellow-strong_dark: oklch(27.3% 0.058 99);
    --_text-secondary-on-surface-yellow-strong_light: oklch(44.1% 0.098 99);
    --_text-secondary-on-surface-yellow-strong_dark: oklch(44.6% 0.098 99);
    --_text-disabled-on-surface-yellow-strong_light: oklch(72% 0.1 99);
    --_text-disabled-on-surface-yellow-strong_dark: oklch(72.8% 0.1 99);

    --surface-yellow-strong: light-dark(var(--_surface-yellow-strong_light), var(--_surface-yellow-strong_dark));
    --surface-yellow-strong-hover: light-dark(var(--_surface-yellow-strong-hover_light), var(--_surface-yellow-strong-hover_dark));
    --surface-yellow-strong-active: light-dark(var(--_surface-yellow-strong-hover_light), var(--_surface-yellow-strong-hover_dark));

    --text-primary-on-surface-yellow-strong: light-dark(var(--_text-primary-on-surface-yellow-strong_light), var(--_text-primary-on-surface-yellow-strong_dark));
    --text-secondary-on-surface-yellow-strong: light-dark(var(--_text-secondary-on-surface-yellow-strong_light), var(--_text-secondary-on-surface-yellow-strong_dark));
    --text-disabled-on-surface-yellow-strong: light-dark(var(--_text-disabled-on-surface-yellow-strong_light), var(--_text-disabled-on-surface-yellow-strong_dark));

    --_surface-yellow-contrast_light: var(--yellow-90);
    --_surface-yellow-contrast_dark: var(--yellow-20);
    --_surface-yellow-contrast-hover_light: oklch(45.5% 0.133 99);
    --_surface-yellow-contrast-hover_dark: oklch(82.7% 0.148 99);
    --_surface-yellow-contrast-hover_light: oklch(48.3% 0.13 99);
    --_surface-yellow-contrast-hover_dark: oklch(79.2% 0.158 99);

    --_text-primary-on-surface-yellow-contrast_light: oklch(95.6% 0.101 99);
    --_text-primary-on-surface-yellow-contrast_dark: oklch(26.7% 0.06 99);
    --_text-secondary-on-surface-yellow-contrast_light: oklch(73.3% 0.085 99);
    --_text-secondary-on-surface-yellow-contrast_dark: oklch(43.6% 0.069 99);
    --_text-disabled-on-surface-yellow-contrast_light: oklch(64.575% 0.08645 99);
    --_text-disabled-on-surface-yellow-contrast_dark: oklch(71.2% 0.08 99);

    --surface-yellow-contrast: light-dark(var(--_surface-yellow-contrast_light), var(--_surface-yellow-contrast_dark));
    --surface-yellow-contrast-hover: light-dark(var(--_surface-yellow-contrast-hover_light), var(--_surface-yellow-contrast-hover_dark));
    --surface-yellow-contrast-active: light-dark(var(--_surface-yellow-contrast-hover_light), var(--_surface-yellow-contrast-hover_dark));

    --text-primary-on-surface-yellow-contrast: light-dark(var(--_text-primary-on-surface-yellow-contrast_light), var(--_text-primary-on-surface-yellow-contrast_dark));
    --text-secondary-on-surface-yellow-contrast: light-dark(var(--_text-secondary-on-surface-yellow-contrast_light), var(--_text-secondary-on-surface-yellow-contrast_dark));
    --text-disabled-on-surface-yellow-contrast: light-dark(var(--_text-disabled-on-surface-yellow-contrast_light), var(--_text-disabled-on-surface-yellow-contrast_dark));

    --_surface-yellow-main_light: var(--yellow-30);
    --_surface-yellow-main_dark: var(--yellow-100);
    --_surface-yellow-main-hover_light: oklch(81% 0.14 99);
    --_surface-yellow-main-hover_dark: oklch(39.7% 0.105 99);
    --_surface-yellow-main-hover_light: oklch(79.5% 0.145 99);
    --_surface-yellow-main-hover_dark: oklch(45.1% 0.108 99);

    --_text-primary-on-surface-yellow-main_light: oklch(25.2% 0.06 99);
    --_text-primary-on-surface-yellow-main_dark: oklch(95.2% 0.108 99);
    --_text-secondary-on-surface-yellow-main_light: oklch(41.2% 0.069 99);
    --_text-secondary-on-surface-yellow-main_dark: oklch(70.5% 0.071 99);
    --_text-disabled-on-surface-yellow-main_light: oklch(67.2% 0.08 99);
    --_text-disabled-on-surface-yellow-main_dark: oklch(60.805% 0.06825 99);

    --surface-yellow-main: light-dark(var(--_surface-yellow-main_light), var(--_surface-yellow-main_dark));
    --surface-yellow-main-hover: light-dark(var(--_surface-yellow-main-hover_light), var(--_surface-yellow-main-hover_dark));
    --surface-yellow-main-active: light-dark(var(--_surface-yellow-main-hover_light), var(--_surface-yellow-main-hover_dark));

    --text-primary-on-surface-yellow-main: light-dark(var(--_text-primary-on-surface-yellow-main_light), var(--_text-primary-on-surface-yellow-main_dark));
    --text-secondary-on-surface-yellow-main: light-dark(var(--_text-secondary-on-surface-yellow-main_light), var(--_text-secondary-on-surface-yellow-main_dark));
    --text-disabled-on-surface-yellow-main: light-dark(var(--_text-disabled-on-surface-yellow-main_light), var(--_text-disabled-on-surface-yellow-main_dark));

    --_surface-amber-minimal_light: var(--amber-10);
    --_surface-amber-minimal_dark: var(--amber-100);
    --_surface-amber-minimal-hover_light: oklch(90.9% 0.086 82);
    --_surface-amber-minimal-hover_dark: oklch(39.7% 0.105 82);
    --_surface-amber-minimal-hover_light: oklch(88.9% 0.094 82);
    --_surface-amber-minimal-hover_dark: oklch(45.1% 0.108 82);

    --_text-primary-on-surface-amber-minimal_light: oklch(28.5% 0.062 82);
    --_text-primary-on-surface-amber-minimal_dark: oklch(95.2% 0.048 82);
    --_text-secondary-on-surface-amber-minimal_light: oklch(46.6% 0.04 82);
    --_text-secondary-on-surface-amber-minimal_dark: oklch(70.5% 0.071 82);
    --_text-disabled-on-surface-amber-minimal_light: oklch(76% 0.032 82);
    --_text-disabled-on-surface-amber-minimal_dark: oklch(60.805% 0.06825 82);

    --surface-amber-minimal: light-dark(var(--_surface-amber-minimal_light), var(--_surface-amber-minimal_dark));
    --surface-amber-minimal-hover: light-dark(var(--_surface-amber-minimal-hover_light), var(--_surface-amber-minimal-hover_dark));
    --surface-amber-minimal-active: light-dark(var(--_surface-amber-minimal-hover_light), var(--_surface-amber-minimal-hover_dark));

    --text-primary-on-surface-amber-minimal: light-dark(var(--_text-primary-on-surface-amber-minimal_light), var(--_text-primary-on-surface-amber-minimal_dark));
    --text-secondary-on-surface-amber-minimal: light-dark(var(--_text-secondary-on-surface-amber-minimal_light), var(--_text-secondary-on-surface-amber-minimal_dark));
    --text-disabled-on-surface-amber-minimal: light-dark(var(--_text-disabled-on-surface-amber-minimal_light), var(--_text-disabled-on-surface-amber-minimal_dark));

    --_surface-amber-subtle_light: var(--amber-20);
    --_surface-amber-subtle_dark: var(--amber-90);
    --_surface-amber-subtle-hover_light: oklch(85.5% 0.14 82);
    --_surface-amber-subtle-hover_dark: oklch(47.9% 0.138 82);
    --_surface-amber-subtle-hover_light: oklch(83.8% 0.145 82);
    --_surface-amber-subtle-hover_dark: oklch(52.3% 0.137 82);

    --_text-primary-on-surface-amber-subtle_light: oklch(26.7% 0.06 82);
    --_text-primary-on-surface-amber-subtle_dark: oklch(95.8% 0.041 82);
    --_text-secondary-on-surface-amber-subtle_light: oklch(43.6% 0.069 82);
    --_text-secondary-on-surface-amber-subtle_dark: oklch(74.5% 0.088 82);
    --_text-disabled-on-surface-amber-subtle_light: oklch(71.2% 0.08 82);
    --_text-disabled-on-surface-amber-subtle_dark: oklch(66.135% 0.0897 82);

    --surface-amber-subtle: light-dark(var(--_surface-amber-subtle_light), var(--_surface-amber-subtle_dark));
    --surface-amber-subtle-hover: light-dark(var(--_surface-amber-subtle-hover_light), var(--_surface-amber-subtle-hover_dark));
    --surface-amber-subtle-active: light-dark(var(--_surface-amber-subtle-hover_light), var(--_surface-amber-subtle-hover_dark));

    --text-primary-on-surface-amber-subtle: light-dark(var(--_text-primary-on-surface-amber-subtle_light), var(--_text-primary-on-surface-amber-subtle_dark));
    --text-secondary-on-surface-amber-subtle: light-dark(var(--_text-secondary-on-surface-amber-subtle_light), var(--_text-secondary-on-surface-amber-subtle_dark));
    --text-disabled-on-surface-amber-subtle: light-dark(var(--_text-disabled-on-surface-amber-subtle_light), var(--_text-disabled-on-surface-amber-subtle_dark));

    --_surface-amber-moderate_light: var(--amber-40);
    --_surface-amber-moderate_dark: var(--amber-70);
    --_surface-amber-moderate-hover_light: oklch(77.4% 0.176 82);
    --_surface-amber-moderate-hover_dark: oklch(59.4% 0.212 82);
    --_surface-amber-moderate-hover_light: oklch(76.1% 0.179 82);
    --_surface-amber-moderate-hover_dark: oklch(62.4% 0.202 82);

    --_text-primary-on-surface-amber-moderate_light: oklch(24% 0.052 82);
    --_text-primary-on-surface-amber-moderate_dark: oklch(100% 0 82);
    --_text-secondary-on-surface-amber-moderate_light: oklch(39.2% 0.089 82);
    --_text-secondary-on-surface-amber-moderate_dark: oklch(100% 0 82);
    --_text-disabled-on-surface-amber-moderate_light: oklch(64% 0.1 82);
    --_text-disabled-on-surface-amber-moderate_dark: oklch(73.61% 0.1 82);

    --surface-amber-moderate: light-dark(var(--_surface-amber-moderate_light), var(--_surface-amber-moderate_dark));
    --surface-amber-moderate-hover: light-dark(var(--_surface-amber-moderate-hover_light), var(--_surface-amber-moderate-hover_dark));
    --surface-amber-moderate-active: light-dark(var(--_surface-amber-moderate-hover_light), var(--_surface-amber-moderate-hover_dark));

    --text-primary-on-surface-amber-moderate: light-dark(var(--_text-primary-on-surface-amber-moderate_light), var(--_text-primary-on-surface-amber-moderate_dark));
    --text-secondary-on-surface-amber-moderate: light-dark(var(--_text-secondary-on-surface-amber-moderate_light), var(--_text-secondary-on-surface-amber-moderate_dark));
    --text-disabled-on-surface-amber-moderate: light-dark(var(--_text-disabled-on-surface-amber-moderate_light), var(--_text-disabled-on-surface-amber-moderate_dark));

    --_surface-amber-strong_light: var(--amber-60);
    --_surface-amber-strong_dark: var(--amber-50);
    --_surface-amber-strong-hover_light: oklch(80.1% 0.203 82);
    --_surface-amber-strong-hover_dark: oklch(78.6% 0.189 82);
    --_surface-amber-strong-hover_light: oklch(78.7% 0.205 82);
    --_surface-amber-strong-hover_dark: oklch(75.6% 0.194 82);

    --_text-primary-on-surface-amber-strong_light: oklch(24.9% 0.051 82);
    --_text-primary-on-surface-amber-strong_dark: oklch(25.2% 0.055 82);
    --_text-secondary-on-surface-amber-strong_light: oklch(40.7% 0.093 82);
    --_text-secondary-on-surface-amber-strong_dark: oklch(41.2% 0.094 82);
    --_text-disabled-on-surface-amber-strong_light: oklch(66.4% 0.1 82);
    --_text-disabled-on-surface-amber-strong_dark: oklch(67.2% 0.1 82);

    --surface-amber-strong: light-dark(var(--_surface-amber-strong_light), var(--_surface-amber-strong_dark));
    --surface-amber-strong-hover: light-dark(var(--_surface-amber-strong-hover_light), var(--_surface-amber-strong-hover_dark));
    --surface-amber-strong-active: light-dark(var(--_surface-amber-strong-hover_light), var(--_surface-amber-strong-hover_dark));

    --text-primary-on-surface-amber-strong: light-dark(var(--_text-primary-on-surface-amber-strong_light), var(--_text-primary-on-surface-amber-strong_dark));
    --text-secondary-on-surface-amber-strong: light-dark(var(--_text-secondary-on-surface-amber-strong_light), var(--_text-secondary-on-surface-amber-strong_dark));
    --text-disabled-on-surface-amber-strong: light-dark(var(--_text-disabled-on-surface-amber-strong_light), var(--_text-disabled-on-surface-amber-strong_dark));

    --_surface-amber-contrast_light: var(--amber-90);
    --_surface-amber-contrast_dark: var(--amber-20);
    --_surface-amber-contrast-hover_light: oklch(45.5% 0.133 82);
    --_surface-amber-contrast-hover_dark: oklch(82.7% 0.148 82);
    --_surface-amber-contrast-hover_light: oklch(48.3% 0.13 82);
    --_surface-amber-contrast-hover_dark: oklch(79.2% 0.158 82);

    --_text-primary-on-surface-amber-contrast_light: oklch(95.6% 0.051 82);
    --_text-primary-on-surface-amber-contrast_dark: oklch(26.7% 0.06 82);
    --_text-secondary-on-surface-amber-contrast_light: oklch(73.3% 0.085 82);
    --_text-secondary-on-surface-amber-contrast_dark: oklch(43.6% 0.069 82);
    --_text-disabled-on-surface-amber-contrast_light: oklch(64.575% 0.08645 82);
    --_text-disabled-on-surface-amber-contrast_dark: oklch(71.2% 0.08 82);

    --surface-amber-contrast: light-dark(var(--_surface-amber-contrast_light), var(--_surface-amber-contrast_dark));
    --surface-amber-contrast-hover: light-dark(var(--_surface-amber-contrast-hover_light), var(--_surface-amber-contrast-hover_dark));
    --surface-amber-contrast-active: light-dark(var(--_surface-amber-contrast-hover_light), var(--_surface-amber-contrast-hover_dark));

    --text-primary-on-surface-amber-contrast: light-dark(var(--_text-primary-on-surface-amber-contrast_light), var(--_text-primary-on-surface-amber-contrast_dark));
    --text-secondary-on-surface-amber-contrast: light-dark(var(--_text-secondary-on-surface-amber-contrast_light), var(--_text-secondary-on-surface-amber-contrast_dark));
    --text-disabled-on-surface-amber-contrast: light-dark(var(--_text-disabled-on-surface-amber-contrast_light), var(--_text-disabled-on-surface-amber-contrast_dark));

    --_surface-amber-main_light: var(--amber-30);
    --_surface-amber-main_dark: var(--amber-100);
    --_surface-amber-main-hover_light: oklch(81% 0.14 82);
    --_surface-amber-main-hover_dark: oklch(39.7% 0.105 82);
    --_surface-amber-main-hover_light: oklch(79.5% 0.145 82);
    --_surface-amber-main-hover_dark: oklch(45.1% 0.108 82);

    --_text-primary-on-surface-amber-main_light: oklch(25.2% 0.05 82);
    --_text-primary-on-surface-amber-main_dark: oklch(95.2% 0.048 82);
    --_text-secondary-on-surface-amber-main_light: oklch(41.2% 0.069 82);
    --_text-secondary-on-surface-amber-main_dark: oklch(70.5% 0.071 82);
    --_text-disabled-on-surface-amber-main_light: oklch(67.2% 0.08 82);
    --_text-disabled-on-surface-amber-main_dark: oklch(60.805% 0.06825 82);

    --surface-amber-main: light-dark(var(--_surface-amber-main_light), var(--_surface-amber-main_dark));
    --surface-amber-main-hover: light-dark(var(--_surface-amber-main-hover_light), var(--_surface-amber-main-hover_dark));
    --surface-amber-main-active: light-dark(var(--_surface-amber-main-hover_light), var(--_surface-amber-main-hover_dark));

    --text-primary-on-surface-amber-main: light-dark(var(--_text-primary-on-surface-amber-main_light), var(--_text-primary-on-surface-amber-main_dark));
    --text-secondary-on-surface-amber-main: light-dark(var(--_text-secondary-on-surface-amber-main_light), var(--_text-secondary-on-surface-amber-main_dark));
    --text-disabled-on-surface-amber-main: light-dark(var(--_text-disabled-on-surface-amber-main_light), var(--_text-disabled-on-surface-amber-main_dark));

    --_surface-orange-minimal_light: var(--orange-10);
    --_surface-orange-minimal_dark: var(--orange-100);
    --_surface-orange-minimal-hover_light: oklch(90.9% 0.086 62);
    --_surface-orange-minimal-hover_dark: oklch(39.7% 0.105 62);
    --_surface-orange-minimal-hover_light: oklch(88.9% 0.094 62);
    --_surface-orange-minimal-hover_dark: oklch(45.1% 0.108 62);

    --_text-primary-on-surface-orange-minimal_light: oklch(28.5% 0.072 62);
    --_text-primary-on-surface-orange-minimal_dark: oklch(95.2% 0.038 62);
    --_text-secondary-on-surface-orange-minimal_light: oklch(46.6% 0.04 62);
    --_text-secondary-on-surface-orange-minimal_dark: oklch(70.5% 0.071 62);
    --_text-disabled-on-surface-orange-minimal_light: oklch(76% 0.032 62);
    --_text-disabled-on-surface-orange-minimal_dark: oklch(60.805% 0.06825 62);

    --surface-orange-minimal: light-dark(var(--_surface-orange-minimal_light), var(--_surface-orange-minimal_dark));
    --surface-orange-minimal-hover: light-dark(var(--_surface-orange-minimal-hover_light), var(--_surface-orange-minimal-hover_dark));
    --surface-orange-minimal-active: light-dark(var(--_surface-orange-minimal-hover_light), var(--_surface-orange-minimal-hover_dark));

    --text-primary-on-surface-orange-minimal: light-dark(var(--_text-primary-on-surface-orange-minimal_light), var(--_text-primary-on-surface-orange-minimal_dark));
    --text-secondary-on-surface-orange-minimal: light-dark(var(--_text-secondary-on-surface-orange-minimal_light), var(--_text-secondary-on-surface-orange-minimal_dark));
    --text-disabled-on-surface-orange-minimal: light-dark(var(--_text-disabled-on-surface-orange-minimal_light), var(--_text-disabled-on-surface-orange-minimal_dark));

    --_surface-orange-subtle_light: var(--orange-20);
    --_surface-orange-subtle_dark: var(--orange-90);
    --_surface-orange-subtle-hover_light: oklch(85.5% 0.14 62);
    --_surface-orange-subtle-hover_dark: oklch(47.9% 0.138 62);
    --_surface-orange-subtle-hover_light: oklch(83.8% 0.145 62);
    --_surface-orange-subtle-hover_dark: oklch(52.3% 0.137 62);

    --_text-primary-on-surface-orange-subtle_light: oklch(26.7% 0.07 62);
    --_text-primary-on-surface-orange-subtle_dark: oklch(95.8% 0.031 62);
    --_text-secondary-on-surface-orange-subtle_light: oklch(43.6% 0.069 62);
    --_text-secondary-on-surface-orange-subtle_dark: oklch(74.5% 0.088 62);
    --_text-disabled-on-surface-orange-subtle_light: oklch(71.2% 0.08 62);
    --_text-disabled-on-surface-orange-subtle_dark: oklch(66.135% 0.0897 62);

    --surface-orange-subtle: light-dark(var(--_surface-orange-subtle_light), var(--_surface-orange-subtle_dark));
    --surface-orange-subtle-hover: light-dark(var(--_surface-orange-subtle-hover_light), var(--_surface-orange-subtle-hover_dark));
    --surface-orange-subtle-active: light-dark(var(--_surface-orange-subtle-hover_light), var(--_surface-orange-subtle-hover_dark));

    --text-primary-on-surface-orange-subtle: light-dark(var(--_text-primary-on-surface-orange-subtle_light), var(--_text-primary-on-surface-orange-subtle_dark));
    --text-secondary-on-surface-orange-subtle: light-dark(var(--_text-secondary-on-surface-orange-subtle_light), var(--_text-secondary-on-surface-orange-subtle_dark));
    --text-disabled-on-surface-orange-subtle: light-dark(var(--_text-disabled-on-surface-orange-subtle_light), var(--_text-disabled-on-surface-orange-subtle_dark));

    --_surface-orange-moderate_light: var(--orange-40);
    --_surface-orange-moderate_dark: var(--orange-70);
    --_surface-orange-moderate-hover_light: oklch(77.4% 0.176 62);
    --_surface-orange-moderate-hover_dark: oklch(59.4% 0.212 62);
    --_surface-orange-moderate-hover_light: oklch(76.1% 0.179 62);
    --_surface-orange-moderate-hover_dark: oklch(62.4% 0.202 62);

    --_text-primary-on-surface-orange-moderate_light: oklch(24% 0.062 62);
    --_text-primary-on-surface-orange-moderate_dark: oklch(100% 0 62);
    --_text-secondary-on-surface-orange-moderate_light: oklch(39.2% 0.089 62);
    --_text-secondary-on-surface-orange-moderate_dark: oklch(100% 0 62);
    --_text-disabled-on-surface-orange-moderate_light: oklch(64% 0.1 62);
    --_text-disabled-on-surface-orange-moderate_dark: oklch(73.61% 0.1 62);

    --surface-orange-moderate: light-dark(var(--_surface-orange-moderate_light), var(--_surface-orange-moderate_dark));
    --surface-orange-moderate-hover: light-dark(var(--_surface-orange-moderate-hover_light), var(--_surface-orange-moderate-hover_dark));
    --surface-orange-moderate-active: light-dark(var(--_surface-orange-moderate-hover_light), var(--_surface-orange-moderate-hover_dark));

    --text-primary-on-surface-orange-moderate: light-dark(var(--_text-primary-on-surface-orange-moderate_light), var(--_text-primary-on-surface-orange-moderate_dark));
    --text-secondary-on-surface-orange-moderate: light-dark(var(--_text-secondary-on-surface-orange-moderate_light), var(--_text-secondary-on-surface-orange-moderate_dark));
    --text-disabled-on-surface-orange-moderate: light-dark(var(--_text-disabled-on-surface-orange-moderate_light), var(--_text-disabled-on-surface-orange-moderate_dark));

    --_surface-orange-strong_light: var(--orange-60);
    --_surface-orange-strong_dark: var(--orange-50);
    --_surface-orange-strong-hover_light: oklch(74.7% 0.194 62);
    --_surface-orange-strong-hover_dark: oklch(73.7% 0.181 62);
    --_surface-orange-strong-hover_light: oklch(73.6% 0.196 62);
    --_surface-orange-strong-hover_dark: oklch(71.3% 0.187 62);

    --_text-primary-on-surface-orange-strong_light: oklch(23.1% 0.058 62);
    --_text-primary-on-surface-orange-strong_dark: oklch(23.4% 0.052 62);
    --_text-secondary-on-surface-orange-strong_light: oklch(37.7% 0.098 62);
    --_text-secondary-on-surface-orange-strong_dark: oklch(38.2% 0.089 62);
    --_text-disabled-on-surface-orange-strong_light: oklch(61.6% 0.1 62);
    --_text-disabled-on-surface-orange-strong_dark: oklch(62.4% 0.1 62);

    --surface-orange-strong: light-dark(var(--_surface-orange-strong_light), var(--_surface-orange-strong_dark));
    --surface-orange-strong-hover: light-dark(var(--_surface-orange-strong-hover_light), var(--_surface-orange-strong-hover_dark));
    --surface-orange-strong-active: light-dark(var(--_surface-orange-strong-hover_light), var(--_surface-orange-strong-hover_dark));

    --text-primary-on-surface-orange-strong: light-dark(var(--_text-primary-on-surface-orange-strong_light), var(--_text-primary-on-surface-orange-strong_dark));
    --text-secondary-on-surface-orange-strong: light-dark(var(--_text-secondary-on-surface-orange-strong_light), var(--_text-secondary-on-surface-orange-strong_dark));
    --text-disabled-on-surface-orange-strong: light-dark(var(--_text-disabled-on-surface-orange-strong_light), var(--_text-disabled-on-surface-orange-strong_dark));

    --_surface-orange-contrast_light: var(--orange-90);
    --_surface-orange-contrast_dark: var(--orange-20);
    --_surface-orange-contrast-hover_light: oklch(45.5% 0.133 62);
    --_surface-orange-contrast-hover_dark: oklch(82.7% 0.148 62);
    --_surface-orange-contrast-hover_light: oklch(48.3% 0.13 62);
    --_surface-orange-contrast-hover_dark: oklch(79.2% 0.158 62);

    --_text-primary-on-surface-orange-contrast_light: oklch(95.6% 0.031 62);
    --_text-primary-on-surface-orange-contrast_dark: oklch(26.7% 0.07 62);
    --_text-secondary-on-surface-orange-contrast_light: oklch(73.3% 0.085 62);
    --_text-secondary-on-surface-orange-contrast_dark: oklch(43.6% 0.069 62);
    --_text-disabled-on-surface-orange-contrast_light: oklch(64.575% 0.08645 62);
    --_text-disabled-on-surface-orange-contrast_dark: oklch(71.2% 0.08 62);

    --surface-orange-contrast: light-dark(var(--_surface-orange-contrast_light), var(--_surface-orange-contrast_dark));
    --surface-orange-contrast-hover: light-dark(var(--_surface-orange-contrast-hover_light), var(--_surface-orange-contrast-hover_dark));
    --surface-orange-contrast-active: light-dark(var(--_surface-orange-contrast-hover_light), var(--_surface-orange-contrast-hover_dark));

    --text-primary-on-surface-orange-contrast: light-dark(var(--_text-primary-on-surface-orange-contrast_light), var(--_text-primary-on-surface-orange-contrast_dark));
    --text-secondary-on-surface-orange-contrast: light-dark(var(--_text-secondary-on-surface-orange-contrast_light), var(--_text-secondary-on-surface-orange-contrast_dark));
    --text-disabled-on-surface-orange-contrast: light-dark(var(--_text-disabled-on-surface-orange-contrast_light), var(--_text-disabled-on-surface-orange-contrast_dark));

    --_surface-orange-main_light: var(--orange-30);
    --_surface-orange-main_dark: var(--orange-100);
    --_surface-orange-main-hover_light: oklch(81% 0.14 62);
    --_surface-orange-main-hover_dark: oklch(39.7% 0.105 62);
    --_surface-orange-main-hover_light: oklch(79.5% 0.145 62);
    --_surface-orange-main-hover_dark: oklch(45.1% 0.108 62);

    --_text-primary-on-surface-orange-main_light: oklch(25.2% 0.06 62);
    --_text-primary-on-surface-orange-main_dark: oklch(95.2% 0.038 62);
    --_text-secondary-on-surface-orange-main_light: oklch(41.2% 0.069 62);
    --_text-secondary-on-surface-orange-main_dark: oklch(70.5% 0.071 62);
    --_text-disabled-on-surface-orange-main_light: oklch(67.2% 0.08 62);
    --_text-disabled-on-surface-orange-main_dark: oklch(60.805% 0.06825 62);

    --surface-orange-main: light-dark(var(--_surface-orange-main_light), var(--_surface-orange-main_dark));
    --surface-orange-main-hover: light-dark(var(--_surface-orange-main-hover_light), var(--_surface-orange-main-hover_dark));
    --surface-orange-main-active: light-dark(var(--_surface-orange-main-hover_light), var(--_surface-orange-main-hover_dark));

    --text-primary-on-surface-orange-main: light-dark(var(--_text-primary-on-surface-orange-main_light), var(--_text-primary-on-surface-orange-main_dark));
    --text-secondary-on-surface-orange-main: light-dark(var(--_text-secondary-on-surface-orange-main_light), var(--_text-secondary-on-surface-orange-main_dark));
    --text-disabled-on-surface-orange-main: light-dark(var(--_text-disabled-on-surface-orange-main_light), var(--_text-disabled-on-surface-orange-main_dark));

    --_surface-deeporange-minimal_light: var(--deeporange-10);
    --_surface-deeporange-minimal_dark: var(--deeporange-100);
    --_surface-deeporange-minimal-hover_light: oklch(90.9% 0.086 45);
    --_surface-deeporange-minimal-hover_dark: oklch(39.7% 0.105 45);
    --_surface-deeporange-minimal-hover_light: oklch(88.9% 0.094 45);
    --_surface-deeporange-minimal-hover_dark: oklch(45.1% 0.108 45);

    --_text-primary-on-surface-deeporange-minimal_light: oklch(28.5% 0.092 45);
    --_text-primary-on-surface-deeporange-minimal_dark: oklch(95.2% 0.028 45);
    --_text-secondary-on-surface-deeporange-minimal_light: oklch(46.6% 0.04 45);
    --_text-secondary-on-surface-deeporange-minimal_dark: oklch(70.5% 0.071 45);
    --_text-disabled-on-surface-deeporange-minimal_light: oklch(76% 0.032 45);
    --_text-disabled-on-surface-deeporange-minimal_dark: oklch(60.805% 0.06825 45);

    --surface-deeporange-minimal: light-dark(var(--_surface-deeporange-minimal_light), var(--_surface-deeporange-minimal_dark));
    --surface-deeporange-minimal-hover: light-dark(var(--_surface-deeporange-minimal-hover_light), var(--_surface-deeporange-minimal-hover_dark));
    --surface-deeporange-minimal-active: light-dark(var(--_surface-deeporange-minimal-hover_light), var(--_surface-deeporange-minimal-hover_dark));

    --text-primary-on-surface-deeporange-minimal: light-dark(var(--_text-primary-on-surface-deeporange-minimal_light), var(--_text-primary-on-surface-deeporange-minimal_dark));
    --text-secondary-on-surface-deeporange-minimal: light-dark(var(--_text-secondary-on-surface-deeporange-minimal_light), var(--_text-secondary-on-surface-deeporange-minimal_dark));
    --text-disabled-on-surface-deeporange-minimal: light-dark(var(--_text-disabled-on-surface-deeporange-minimal_light), var(--_text-disabled-on-surface-deeporange-minimal_dark));

    --_surface-deeporange-subtle_light: var(--deeporange-20);
    --_surface-deeporange-subtle_dark: var(--deeporange-90);
    --_surface-deeporange-subtle-hover_light: oklch(85.5% 0.14 45);
    --_surface-deeporange-subtle-hover_dark: oklch(47.9% 0.138 45);
    --_surface-deeporange-subtle-hover_light: oklch(83.8% 0.145 45);
    --_surface-deeporange-subtle-hover_dark: oklch(52.3% 0.137 45);

    --_text-primary-on-surface-deeporange-subtle_light: oklch(26.7% 0.08 45);
    --_text-primary-on-surface-deeporange-subtle_dark: oklch(95.8% 0.021 45);
    --_text-secondary-on-surface-deeporange-subtle_light: oklch(43.6% 0.069 45);
    --_text-secondary-on-surface-deeporange-subtle_dark: oklch(74.5% 0.088 45);
    --_text-disabled-on-surface-deeporange-subtle_light: oklch(71.2% 0.08 45);
    --_text-disabled-on-surface-deeporange-subtle_dark: oklch(66.135% 0.0897 45);

    --surface-deeporange-subtle: light-dark(var(--_surface-deeporange-subtle_light), var(--_surface-deeporange-subtle_dark));
    --surface-deeporange-subtle-hover: light-dark(var(--_surface-deeporange-subtle-hover_light), var(--_surface-deeporange-subtle-hover_dark));
    --surface-deeporange-subtle-active: light-dark(var(--_surface-deeporange-subtle-hover_light), var(--_surface-deeporange-subtle-hover_dark));

    --text-primary-on-surface-deeporange-subtle: light-dark(var(--_text-primary-on-surface-deeporange-subtle_light), var(--_text-primary-on-surface-deeporange-subtle_dark));
    --text-secondary-on-surface-deeporange-subtle: light-dark(var(--_text-secondary-on-surface-deeporange-subtle_light), var(--_text-secondary-on-surface-deeporange-subtle_dark));
    --text-disabled-on-surface-deeporange-subtle: light-dark(var(--_text-disabled-on-surface-deeporange-subtle_light), var(--_text-disabled-on-surface-deeporange-subtle_dark));

    --_surface-deeporange-moderate_light: var(--deeporange-40);
    --_surface-deeporange-moderate_dark: var(--deeporange-70);
    --_surface-deeporange-moderate-hover_light: oklch(77.4% 0.176 45);
    --_surface-deeporange-moderate-hover_dark: oklch(59.4% 0.212 45);
    --_surface-deeporange-moderate-hover_light: oklch(76.1% 0.179 45);
    --_surface-deeporange-moderate-hover_dark: oklch(62.4% 0.202 45);

    --_text-primary-on-surface-deeporange-moderate_light: oklch(24% 0.072 45);
    --_text-primary-on-surface-deeporange-moderate_dark: oklch(100% 0 45);
    --_text-secondary-on-surface-deeporange-moderate_light: oklch(39.2% 0.089 45);
    --_text-secondary-on-surface-deeporange-moderate_dark: oklch(100% 0 45);
    --_text-disabled-on-surface-deeporange-moderate_light: oklch(64% 0.1 45);
    --_text-disabled-on-surface-deeporange-moderate_dark: oklch(73.61% 0.1 45);

    --surface-deeporange-moderate: light-dark(var(--_surface-deeporange-moderate_light), var(--_surface-deeporange-moderate_dark));
    --surface-deeporange-moderate-hover: light-dark(var(--_surface-deeporange-moderate-hover_light), var(--_surface-deeporange-moderate-hover_dark));
    --surface-deeporange-moderate-active: light-dark(var(--_surface-deeporange-moderate-hover_light), var(--_surface-deeporange-moderate-hover_dark));

    --text-primary-on-surface-deeporange-moderate: light-dark(var(--_text-primary-on-surface-deeporange-moderate_light), var(--_text-primary-on-surface-deeporange-moderate_dark));
    --text-secondary-on-surface-deeporange-moderate: light-dark(var(--_text-secondary-on-surface-deeporange-moderate_light), var(--_text-secondary-on-surface-deeporange-moderate_dark));
    --text-disabled-on-surface-deeporange-moderate: light-dark(var(--_text-disabled-on-surface-deeporange-moderate_light), var(--_text-disabled-on-surface-deeporange-moderate_dark));

    --_surface-deeporange-strong_light: var(--deeporange-60);
    --_surface-deeporange-strong_dark: var(--deeporange-50);
    --_surface-deeporange-strong-hover_light: oklch(61.7% 0.232 45);
    --_surface-deeporange-strong-hover_dark: oklch(58.1% 0.23 45);
    --_surface-deeporange-strong-hover_light: oklch(63.6% 0.223 45);
    --_surface-deeporange-strong-hover_dark: oklch(57.6% 0.23 45);

    --_text-primary-on-surface-deeporange-strong_light: oklch(100% 0 45);
    --_text-primary-on-surface-deeporange-strong_dark: oklch(17.7% 0.05 45);
    --_text-secondary-on-surface-deeporange-strong_light: oklch(100% 0 45);
    --_text-secondary-on-surface-deeporange-strong_dark: oklch(28.9% 0.088 45);
    --_text-disabled-on-surface-deeporange-strong_light: oklch(75.105% 0.1 45);
    --_text-disabled-on-surface-deeporange-strong_dark: oklch(47.2% 0.1 45);

    --surface-deeporange-strong: light-dark(var(--_surface-deeporange-strong_light), var(--_surface-deeporange-strong_dark));
    --surface-deeporange-strong-hover: light-dark(var(--_surface-deeporange-strong-hover_light), var(--_surface-deeporange-strong-hover_dark));
    --surface-deeporange-strong-active: light-dark(var(--_surface-deeporange-strong-hover_light), var(--_surface-deeporange-strong-hover_dark));

    --text-primary-on-surface-deeporange-strong: light-dark(var(--_text-primary-on-surface-deeporange-strong_light), var(--_text-primary-on-surface-deeporange-strong_dark));
    --text-secondary-on-surface-deeporange-strong: light-dark(var(--_text-secondary-on-surface-deeporange-strong_light), var(--_text-secondary-on-surface-deeporange-strong_dark));
    --text-disabled-on-surface-deeporange-strong: light-dark(var(--_text-disabled-on-surface-deeporange-strong_light), var(--_text-disabled-on-surface-deeporange-strong_dark));

    --_surface-deeporange-contrast_light: var(--deeporange-90);
    --_surface-deeporange-contrast_dark: var(--deeporange-20);
    --_surface-deeporange-contrast-hover_light: oklch(45.5% 0.133 45);
    --_surface-deeporange-contrast-hover_dark: oklch(82.7% 0.148 45);
    --_surface-deeporange-contrast-hover_light: oklch(48.3% 0.13 45);
    --_surface-deeporange-contrast-hover_dark: oklch(79.2% 0.158 45);

    --_text-primary-on-surface-deeporange-contrast_light: oklch(95.6% 0.021 45);
    --_text-primary-on-surface-deeporange-contrast_dark: oklch(26.7% 0.08 45);
    --_text-secondary-on-surface-deeporange-contrast_light: oklch(73.3% 0.085 45);
    --_text-secondary-on-surface-deeporange-contrast_dark: oklch(43.6% 0.069 45);
    --_text-disabled-on-surface-deeporange-contrast_light: oklch(64.575% 0.08645 45);
    --_text-disabled-on-surface-deeporange-contrast_dark: oklch(71.2% 0.08 45);

    --surface-deeporange-contrast: light-dark(var(--_surface-deeporange-contrast_light), var(--_surface-deeporange-contrast_dark));
    --surface-deeporange-contrast-hover: light-dark(var(--_surface-deeporange-contrast-hover_light), var(--_surface-deeporange-contrast-hover_dark));
    --surface-deeporange-contrast-active: light-dark(var(--_surface-deeporange-contrast-hover_light), var(--_surface-deeporange-contrast-hover_dark));

    --text-primary-on-surface-deeporange-contrast: light-dark(var(--_text-primary-on-surface-deeporange-contrast_light), var(--_text-primary-on-surface-deeporange-contrast_dark));
    --text-secondary-on-surface-deeporange-contrast: light-dark(var(--_text-secondary-on-surface-deeporange-contrast_light), var(--_text-secondary-on-surface-deeporange-contrast_dark));
    --text-disabled-on-surface-deeporange-contrast: light-dark(var(--_text-disabled-on-surface-deeporange-contrast_light), var(--_text-disabled-on-surface-deeporange-contrast_dark));

    --_surface-deeporange-main_light: var(--deeporange-30);
    --_surface-deeporange-main_dark: var(--deeporange-100);
    --_surface-deeporange-main-hover_light: oklch(81% 0.14 45);
    --_surface-deeporange-main-hover_dark: oklch(39.7% 0.105 45);
    --_surface-deeporange-main-hover_light: oklch(79.5% 0.145 45);
    --_surface-deeporange-main-hover_dark: oklch(45.1% 0.108 45);

    --_text-primary-on-surface-deeporange-main_light: oklch(25.2% 0.08 45);
    --_text-primary-on-surface-deeporange-main_dark: oklch(95.2% 0.028 45);
    --_text-secondary-on-surface-deeporange-main_light: oklch(41.2% 0.069 45);
    --_text-secondary-on-surface-deeporange-main_dark: oklch(70.5% 0.071 45);
    --_text-disabled-on-surface-deeporange-main_light: oklch(67.2% 0.08 45);
    --_text-disabled-on-surface-deeporange-main_dark: oklch(60.805% 0.06825 45);

    --surface-deeporange-main: light-dark(var(--_surface-deeporange-main_light), var(--_surface-deeporange-main_dark));
    --surface-deeporange-main-hover: light-dark(var(--_surface-deeporange-main-hover_light), var(--_surface-deeporange-main-hover_dark));
    --surface-deeporange-main-active: light-dark(var(--_surface-deeporange-main-hover_light), var(--_surface-deeporange-main-hover_dark));

    --text-primary-on-surface-deeporange-main: light-dark(var(--_text-primary-on-surface-deeporange-main_light), var(--_text-primary-on-surface-deeporange-main_dark));
    --text-secondary-on-surface-deeporange-main: light-dark(var(--_text-secondary-on-surface-deeporange-main_light), var(--_text-secondary-on-surface-deeporange-main_dark));
    --text-disabled-on-surface-deeporange-main: light-dark(var(--_text-disabled-on-surface-deeporange-main_light), var(--_text-disabled-on-surface-deeporange-main_dark));

    --_surface-red-minimal_light: var(--red-10);
    --_surface-red-minimal_dark: var(--red-100);
    --_surface-red-minimal-hover_light: oklch(90.9% 0.086 28);
    --_surface-red-minimal-hover_dark: oklch(39.7% 0.105 28);
    --_surface-red-minimal-hover_light: oklch(88.9% 0.094 28);
    --_surface-red-minimal-hover_dark: oklch(45.1% 0.108 28);

    --_text-primary-on-surface-red-minimal_light: oklch(28.5% 0.112 28);
    --_text-primary-on-surface-red-minimal_dark: oklch(95.2% 0.028 28);
    --_text-secondary-on-surface-red-minimal_light: oklch(46.6% 0.04 28);
    --_text-secondary-on-surface-red-minimal_dark: oklch(70.5% 0.071 28);
    --_text-disabled-on-surface-red-minimal_light: oklch(76% 0.032 28);
    --_text-disabled-on-surface-red-minimal_dark: oklch(60.805% 0.06825 28);

    --surface-red-minimal: light-dark(var(--_surface-red-minimal_light), var(--_surface-red-minimal_dark));
    --surface-red-minimal-hover: light-dark(var(--_surface-red-minimal-hover_light), var(--_surface-red-minimal-hover_dark));
    --surface-red-minimal-active: light-dark(var(--_surface-red-minimal-hover_light), var(--_surface-red-minimal-hover_dark));

    --text-primary-on-surface-red-minimal: light-dark(var(--_text-primary-on-surface-red-minimal_light), var(--_text-primary-on-surface-red-minimal_dark));
    --text-secondary-on-surface-red-minimal: light-dark(var(--_text-secondary-on-surface-red-minimal_light), var(--_text-secondary-on-surface-red-minimal_dark));
    --text-disabled-on-surface-red-minimal: light-dark(var(--_text-disabled-on-surface-red-minimal_light), var(--_text-disabled-on-surface-red-minimal_dark));

    --_surface-red-subtle_light: var(--red-20);
    --_surface-red-subtle_dark: var(--red-90);
    --_surface-red-subtle-hover_light: oklch(85.5% 0.14 28);
    --_surface-red-subtle-hover_dark: oklch(47.9% 0.138 28);
    --_surface-red-subtle-hover_light: oklch(83.8% 0.145 28);
    --_surface-red-subtle-hover_dark: oklch(52.3% 0.137 28);

    --_text-primary-on-surface-red-subtle_light: oklch(26.7% 0.12 28);
    --_text-primary-on-surface-red-subtle_dark: oklch(95.8% 0.021 28);
    --_text-secondary-on-surface-red-subtle_light: oklch(43.6% 0.069 28);
    --_text-secondary-on-surface-red-subtle_dark: oklch(74.5% 0.088 28);
    --_text-disabled-on-surface-red-subtle_light: oklch(71.2% 0.08 28);
    --_text-disabled-on-surface-red-subtle_dark: oklch(66.135% 0.0897 28);

    --surface-red-subtle: light-dark(var(--_surface-red-subtle_light), var(--_surface-red-subtle_dark));
    --surface-red-subtle-hover: light-dark(var(--_surface-red-subtle-hover_light), var(--_surface-red-subtle-hover_dark));
    --surface-red-subtle-active: light-dark(var(--_surface-red-subtle-hover_light), var(--_surface-red-subtle-hover_dark));

    --text-primary-on-surface-red-subtle: light-dark(var(--_text-primary-on-surface-red-subtle_light), var(--_text-primary-on-surface-red-subtle_dark));
    --text-secondary-on-surface-red-subtle: light-dark(var(--_text-secondary-on-surface-red-subtle_light), var(--_text-secondary-on-surface-red-subtle_dark));
    --text-disabled-on-surface-red-subtle: light-dark(var(--_text-disabled-on-surface-red-subtle_light), var(--_text-disabled-on-surface-red-subtle_dark));

    --_surface-red-moderate_light: var(--red-40);
    --_surface-red-moderate_dark: var(--red-70);
    --_surface-red-moderate-hover_light: oklch(77.4% 0.176 28);
    --_surface-red-moderate-hover_dark: oklch(59.4% 0.212 28);
    --_surface-red-moderate-hover_light: oklch(76.1% 0.179 28);
    --_surface-red-moderate-hover_dark: oklch(62.4% 0.202 28);

    --_text-primary-on-surface-red-moderate_light: oklch(24% 0.102 28);
    --_text-primary-on-surface-red-moderate_dark: oklch(100% 0 28);
    --_text-secondary-on-surface-red-moderate_light: oklch(39.2% 0.089 28);
    --_text-secondary-on-surface-red-moderate_dark: oklch(100% 0 28);
    --_text-disabled-on-surface-red-moderate_light: oklch(64% 0.1 28);
    --_text-disabled-on-surface-red-moderate_dark: oklch(73.61% 0.1 28);

    --surface-red-moderate: light-dark(var(--_surface-red-moderate_light), var(--_surface-red-moderate_dark));
    --surface-red-moderate-hover: light-dark(var(--_surface-red-moderate-hover_light), var(--_surface-red-moderate-hover_dark));
    --surface-red-moderate-active: light-dark(var(--_surface-red-moderate-hover_light), var(--_surface-red-moderate-hover_dark));

    --text-primary-on-surface-red-moderate: light-dark(var(--_text-primary-on-surface-red-moderate_light), var(--_text-primary-on-surface-red-moderate_dark));
    --text-secondary-on-surface-red-moderate: light-dark(var(--_text-secondary-on-surface-red-moderate_light), var(--_text-secondary-on-surface-red-moderate_dark));
    --text-disabled-on-surface-red-moderate: light-dark(var(--_text-disabled-on-surface-red-moderate_light), var(--_text-disabled-on-surface-red-moderate_dark));

    --_surface-red-strong_light: var(--red-60);
    --_surface-red-strong_dark: var(--red-50);
    --_surface-red-strong-hover_light: oklch(55.4% 0.232 28);
    --_surface-red-strong-hover_dark: oklch(57.8% 0.212 28);
    --_surface-red-strong-hover_light: oklch(57.6% 0.223 28);
    --_surface-red-strong-hover_dark: oklch(61% 0.202 28);

    --_text-primary-on-surface-red-strong_light: oklch(96.4% 0.019 28);
    --_text-primary-on-surface-red-strong_dark: oklch(96.6% 0.017 28);
    --_text-secondary-on-surface-red-strong_light: oklch(78.1% 0.12 28);
    --_text-secondary-on-surface-red-strong_dark: oklch(79.3% 0.12 28);
    --_text-disabled-on-surface-red-strong_light: oklch(71.01% 0.1 28);
    --_text-disabled-on-surface-red-strong_dark: oklch(72.57% 0.1 28);

    --surface-red-strong: light-dark(var(--_surface-red-strong_light), var(--_surface-red-strong_dark));
    --surface-red-strong-hover: light-dark(var(--_surface-red-strong-hover_light), var(--_surface-red-strong-hover_dark));
    --surface-red-strong-active: light-dark(var(--_surface-red-strong-hover_light), var(--_surface-red-strong-hover_dark));

    --text-primary-on-surface-red-strong: light-dark(var(--_text-primary-on-surface-red-strong_light), var(--_text-primary-on-surface-red-strong_dark));
    --text-secondary-on-surface-red-strong: light-dark(var(--_text-secondary-on-surface-red-strong_light), var(--_text-secondary-on-surface-red-strong_dark));
    --text-disabled-on-surface-red-strong: light-dark(var(--_text-disabled-on-surface-red-strong_light), var(--_text-disabled-on-surface-red-strong_dark));

    --_surface-red-contrast_light: var(--red-90);
    --_surface-red-contrast_dark: var(--red-20);
    --_surface-red-contrast-hover_light: oklch(45.5% 0.133 28);
    --_surface-red-contrast-hover_dark: oklch(82.7% 0.148 28);
    --_surface-red-contrast-hover_light: oklch(48.3% 0.13 28);
    --_surface-red-contrast-hover_dark: oklch(79.2% 0.158 28);

    --_text-primary-on-surface-red-contrast_light: oklch(95.6% 0.021 28);
    --_text-primary-on-surface-red-contrast_dark: oklch(26.7% 0.12 28);
    --_text-secondary-on-surface-red-contrast_light: oklch(73.3% 0.085 28);
    --_text-secondary-on-surface-red-contrast_dark: oklch(43.6% 0.069 28);
    --_text-disabled-on-surface-red-contrast_light: oklch(64.575% 0.08645 28);
    --_text-disabled-on-surface-red-contrast_dark: oklch(71.2% 0.08 28);

    --surface-red-contrast: light-dark(var(--_surface-red-contrast_light), var(--_surface-red-contrast_dark));
    --surface-red-contrast-hover: light-dark(var(--_surface-red-contrast-hover_light), var(--_surface-red-contrast-hover_dark));
    --surface-red-contrast-active: light-dark(var(--_surface-red-contrast-hover_light), var(--_surface-red-contrast-hover_dark));

    --text-primary-on-surface-red-contrast: light-dark(var(--_text-primary-on-surface-red-contrast_light), var(--_text-primary-on-surface-red-contrast_dark));
    --text-secondary-on-surface-red-contrast: light-dark(var(--_text-secondary-on-surface-red-contrast_light), var(--_text-secondary-on-surface-red-contrast_dark));
    --text-disabled-on-surface-red-contrast: light-dark(var(--_text-disabled-on-surface-red-contrast_light), var(--_text-disabled-on-surface-red-contrast_dark));

    --_surface-red-main_light: var(--red-30);
    --_surface-red-main_dark: var(--red-100);
    --_surface-red-main-hover_light: oklch(81% 0.14 28);
    --_surface-red-main-hover_dark: oklch(39.7% 0.105 28);
    --_surface-red-main-hover_light: oklch(79.5% 0.145 28);
    --_surface-red-main-hover_dark: oklch(45.1% 0.108 28);

    --_text-primary-on-surface-red-main_light: oklch(25.2% 0.11 28);
    --_text-primary-on-surface-red-main_dark: oklch(95.2% 0.028 28);
    --_text-secondary-on-surface-red-main_light: oklch(41.2% 0.069 28);
    --_text-secondary-on-surface-red-main_dark: oklch(70.5% 0.071 28);
    --_text-disabled-on-surface-red-main_light: oklch(67.2% 0.08 28);
    --_text-disabled-on-surface-red-main_dark: oklch(60.805% 0.06825 28);

    --surface-red-main: light-dark(var(--_surface-red-main_light), var(--_surface-red-main_dark));
    --surface-red-main-hover: light-dark(var(--_surface-red-main-hover_light), var(--_surface-red-main-hover_dark));
    --surface-red-main-active: light-dark(var(--_surface-red-main-hover_light), var(--_surface-red-main-hover_dark));

    --text-primary-on-surface-red-main: light-dark(var(--_text-primary-on-surface-red-main_light), var(--_text-primary-on-surface-red-main_dark));
    --text-secondary-on-surface-red-main: light-dark(var(--_text-secondary-on-surface-red-main_light), var(--_text-secondary-on-surface-red-main_dark));
    --text-disabled-on-surface-red-main: light-dark(var(--_text-disabled-on-surface-red-main_light), var(--_text-disabled-on-surface-red-main_dark));

    --_surface-brown-minimal_light: var(--brown-10);
    --_surface-brown-minimal_dark: var(--brown-100);
    --_surface-brown-minimal-hover_light: oklch(90.9% 0.06 50);
    --_surface-brown-minimal-hover_dark: oklch(39.7% 0.06 50);
    --_surface-brown-minimal-hover_light: oklch(88.9% 0.06 50);
    --_surface-brown-minimal-hover_dark: oklch(45.1% 0.06 50);

    --_text-primary-on-surface-brown-minimal_light: oklch(28.5% 0.079 50);
    --_text-primary-on-surface-brown-minimal_dark: oklch(95.2% 0.025 50);
    --_text-secondary-on-surface-brown-minimal_light: oklch(46.6% 0.035 50);
    --_text-secondary-on-surface-brown-minimal_dark: oklch(70.5% 0.049 50);
    --_text-disabled-on-surface-brown-minimal_light: oklch(76% 0.024 50);
    --_text-disabled-on-surface-brown-minimal_dark: oklch(60.805% 0.039 50);

    --surface-brown-minimal: light-dark(var(--_surface-brown-minimal_light), var(--_surface-brown-minimal_dark));
    --surface-brown-minimal-hover: light-dark(var(--_surface-brown-minimal-hover_light), var(--_surface-brown-minimal-hover_dark));
    --surface-brown-minimal-active: light-dark(var(--_surface-brown-minimal-hover_light), var(--_surface-brown-minimal-hover_dark));

    --text-primary-on-surface-brown-minimal: light-dark(var(--_text-primary-on-surface-brown-minimal_light), var(--_text-primary-on-surface-brown-minimal_dark));
    --text-secondary-on-surface-brown-minimal: light-dark(var(--_text-secondary-on-surface-brown-minimal_light), var(--_text-secondary-on-surface-brown-minimal_dark));
    --text-disabled-on-surface-brown-minimal: light-dark(var(--_text-disabled-on-surface-brown-minimal_light), var(--_text-disabled-on-surface-brown-minimal_dark));

    --_surface-brown-subtle_light: var(--brown-20);
    --_surface-brown-subtle_dark: var(--brown-90);
    --_surface-brown-subtle-hover_light: oklch(85.5% 0.06 50);
    --_surface-brown-subtle-hover_dark: oklch(47.9% 0.06 50);
    --_surface-brown-subtle-hover_light: oklch(83.8% 0.06 50);
    --_surface-brown-subtle-hover_dark: oklch(52.3% 0.06 50);

    --_text-primary-on-surface-brown-subtle_light: oklch(26.7% 0.079 50);
    --_text-primary-on-surface-brown-subtle_dark: oklch(95.8% 0.025 50);
    --_text-secondary-on-surface-brown-subtle_light: oklch(43.6% 0.035 50);
    --_text-secondary-on-surface-brown-subtle_dark: oklch(74.5% 0.049 50);
    --_text-disabled-on-surface-brown-subtle_light: oklch(71.2% 0.024 50);
    --_text-disabled-on-surface-brown-subtle_dark: oklch(66.135% 0.039 50);

    --surface-brown-subtle: light-dark(var(--_surface-brown-subtle_light), var(--_surface-brown-subtle_dark));
    --surface-brown-subtle-hover: light-dark(var(--_surface-brown-subtle-hover_light), var(--_surface-brown-subtle-hover_dark));
    --surface-brown-subtle-active: light-dark(var(--_surface-brown-subtle-hover_light), var(--_surface-brown-subtle-hover_dark));

    --text-primary-on-surface-brown-subtle: light-dark(var(--_text-primary-on-surface-brown-subtle_light), var(--_text-primary-on-surface-brown-subtle_dark));
    --text-secondary-on-surface-brown-subtle: light-dark(var(--_text-secondary-on-surface-brown-subtle_light), var(--_text-secondary-on-surface-brown-subtle_dark));
    --text-disabled-on-surface-brown-subtle: light-dark(var(--_text-disabled-on-surface-brown-subtle_light), var(--_text-disabled-on-surface-brown-subtle_dark));

    --_surface-brown-moderate_light: var(--brown-40);
    --_surface-brown-moderate_dark: var(--brown-70);
    --_surface-brown-moderate-hover_light: oklch(77.4% 0.06 50);
    --_surface-brown-moderate-hover_dark: oklch(59.4% 0.06 50);
    --_surface-brown-moderate-hover_light: oklch(76.1% 0.06 50);
    --_surface-brown-moderate-hover_dark: oklch(62.4% 0.06 50);

    --_text-primary-on-surface-brown-moderate_light: oklch(24% 0.069 50);
    --_text-primary-on-surface-brown-moderate_dark: oklch(100% 0 50);
    --_text-secondary-on-surface-brown-moderate_light: oklch(39.2% 0.035 50);
    --_text-secondary-on-surface-brown-moderate_dark: oklch(100% 0 50);
    --_text-disabled-on-surface-brown-moderate_light: oklch(64% 0.024 50);
    --_text-disabled-on-surface-brown-moderate_dark: oklch(73.61% 0.039 50);

    --surface-brown-moderate: light-dark(var(--_surface-brown-moderate_light), var(--_surface-brown-moderate_dark));
    --surface-brown-moderate-hover: light-dark(var(--_surface-brown-moderate-hover_light), var(--_surface-brown-moderate-hover_dark));
    --surface-brown-moderate-active: light-dark(var(--_surface-brown-moderate-hover_light), var(--_surface-brown-moderate-hover_dark));

    --text-primary-on-surface-brown-moderate: light-dark(var(--_text-primary-on-surface-brown-moderate_light), var(--_text-primary-on-surface-brown-moderate_dark));
    --text-secondary-on-surface-brown-moderate: light-dark(var(--_text-secondary-on-surface-brown-moderate_light), var(--_text-secondary-on-surface-brown-moderate_dark));
    --text-disabled-on-surface-brown-moderate: light-dark(var(--_text-disabled-on-surface-brown-moderate_light), var(--_text-disabled-on-surface-brown-moderate_dark));

    --_surface-brown-strong_light: var(--brown-60);
    --_surface-brown-strong_dark: var(--brown-50);
    --_surface-brown-strong-hover_light: oklch(47.3% 0.096 50);
    --_surface-brown-strong-hover_dark: oklch(52% 0.093 50);
    --_surface-brown-strong-hover_light: oklch(50% 0.094 50);
    --_surface-brown-strong-hover_dark: oklch(55.9% 0.089 50);

    --_text-primary-on-surface-brown-strong_light: oklch(95.8% 0.028 50);
    --_text-primary-on-surface-brown-strong_dark: oklch(96.2% 0.017 50);
    --_text-secondary-on-surface-brown-strong_light: oklch(74.2% 0.067 50);
    --_text-secondary-on-surface-brown-strong_dark: oklch(76.5% 0.066 50);
    --_text-disabled-on-surface-brown-strong_light: oklch(65.745% 0.0624 50);
    --_text-disabled-on-surface-brown-strong_dark: oklch(68.8% 0.06045 50);

    --surface-brown-strong: light-dark(var(--_surface-brown-strong_light), var(--_surface-brown-strong_dark));
    --surface-brown-strong-hover: light-dark(var(--_surface-brown-strong-hover_light), var(--_surface-brown-strong-hover_dark));
    --surface-brown-strong-active: light-dark(var(--_surface-brown-strong-hover_light), var(--_surface-brown-strong-hover_dark));

    --text-primary-on-surface-brown-strong: light-dark(var(--_text-primary-on-surface-brown-strong_light), var(--_text-primary-on-surface-brown-strong_dark));
    --text-secondary-on-surface-brown-strong: light-dark(var(--_text-secondary-on-surface-brown-strong_light), var(--_text-secondary-on-surface-brown-strong_dark));
    --text-disabled-on-surface-brown-strong: light-dark(var(--_text-disabled-on-surface-brown-strong_light), var(--_text-disabled-on-surface-brown-strong_dark));

    --_surface-brown-contrast_light: var(--brown-90);
    --_surface-brown-contrast_dark: var(--brown-20);
    --_surface-brown-contrast-hover_light: oklch(45.5% 0.06 50);
    --_surface-brown-contrast-hover_dark: oklch(82.7% 0.06 50);
    --_surface-brown-contrast-hover_light: oklch(48.3% 0.06 50);
    --_surface-brown-contrast-hover_dark: oklch(79.2% 0.06 50);

    --_text-primary-on-surface-brown-contrast_light: oklch(95.6% 0.025 50);
    --_text-primary-on-surface-brown-contrast_dark: oklch(26.7% 0.079 50);
    --_text-secondary-on-surface-brown-contrast_light: oklch(73.3% 0.049 50);
    --_text-secondary-on-surface-brown-contrast_dark: oklch(43.6% 0.035 50);
    --_text-disabled-on-surface-brown-contrast_light: oklch(64.575% 0.039 50);
    --_text-disabled-on-surface-brown-contrast_dark: oklch(71.2% 0.024 50);

    --surface-brown-contrast: light-dark(var(--_surface-brown-contrast_light), var(--_surface-brown-contrast_dark));
    --surface-brown-contrast-hover: light-dark(var(--_surface-brown-contrast-hover_light), var(--_surface-brown-contrast-hover_dark));
    --surface-brown-contrast-active: light-dark(var(--_surface-brown-contrast-hover_light), var(--_surface-brown-contrast-hover_dark));

    --text-primary-on-surface-brown-contrast: light-dark(var(--_text-primary-on-surface-brown-contrast_light), var(--_text-primary-on-surface-brown-contrast_dark));
    --text-secondary-on-surface-brown-contrast: light-dark(var(--_text-secondary-on-surface-brown-contrast_light), var(--_text-secondary-on-surface-brown-contrast_dark));
    --text-disabled-on-surface-brown-contrast: light-dark(var(--_text-disabled-on-surface-brown-contrast_light), var(--_text-disabled-on-surface-brown-contrast_dark));

    --_surface-brown-main_light: var(--brown-30);
    --_surface-brown-main_dark: var(--brown-100);
    --_surface-brown-main-hover_light: oklch(81% 0.06 50);
    --_surface-brown-main-hover_dark: oklch(39.7% 0.06 50);
    --_surface-brown-main-hover_light: oklch(79.5% 0.06 50);
    --_surface-brown-main-hover_dark: oklch(45.1% 0.06 50);

    --_text-primary-on-surface-brown-main_light: oklch(25.2% 0.069 50);
    --_text-primary-on-surface-brown-main_dark: oklch(95.2% 0.025 50);
    --_text-secondary-on-surface-brown-main_light: oklch(41.2% 0.035 50);
    --_text-secondary-on-surface-brown-main_dark: oklch(70.5% 0.049 50);
    --_text-disabled-on-surface-brown-main_light: oklch(67.2% 0.024 50);
    --_text-disabled-on-surface-brown-main_dark: oklch(60.805% 0.039 50);

    --surface-brown-main: light-dark(var(--_surface-brown-main_light), var(--_surface-brown-main_dark));
    --surface-brown-main-hover: light-dark(var(--_surface-brown-main-hover_light), var(--_surface-brown-main-hover_dark));
    --surface-brown-main-active: light-dark(var(--_surface-brown-main-hover_light), var(--_surface-brown-main-hover_dark));

    --text-primary-on-surface-brown-main: light-dark(var(--_text-primary-on-surface-brown-main_light), var(--_text-primary-on-surface-brown-main_dark));
    --text-secondary-on-surface-brown-main: light-dark(var(--_text-secondary-on-surface-brown-main_light), var(--_text-secondary-on-surface-brown-main_dark));
    --text-disabled-on-surface-brown-main: light-dark(var(--_text-disabled-on-surface-brown-main_light), var(--_text-disabled-on-surface-brown-main_dark));

    --_surface-gray-minimal_light: var(--gray-10);
    --_surface-gray-minimal_dark: var(--gray-100);
    --_surface-gray-minimal-hover_light: oklch(90.9% 0 0);
    --_surface-gray-minimal-hover_dark: oklch(39.7% 0 0);
    --_surface-gray-minimal-hover_light: oklch(88.9% 0 0);
    --_surface-gray-minimal-hover_dark: oklch(45.1% 0 0);

    --_text-primary-on-surface-gray-minimal_light: oklch(28.5% 0 0);
    --_text-primary-on-surface-gray-minimal_dark: oklch(95.2% 0 0);
    --_text-secondary-on-surface-gray-minimal_light: oklch(46.6% 0 0);
    --_text-secondary-on-surface-gray-minimal_dark: oklch(70.5% 0 0);
    --_text-disabled-on-surface-gray-minimal_light: oklch(76% 0 0);
    --_text-disabled-on-surface-gray-minimal_dark: oklch(60.805% 0 0);

    --surface-gray-minimal: light-dark(var(--_surface-gray-minimal_light), var(--_surface-gray-minimal_dark));
    --surface-gray-minimal-hover: light-dark(var(--_surface-gray-minimal-hover_light), var(--_surface-gray-minimal-hover_dark));
    --surface-gray-minimal-active: light-dark(var(--_surface-gray-minimal-hover_light), var(--_surface-gray-minimal-hover_dark));

    --text-primary-on-surface-gray-minimal: light-dark(var(--_text-primary-on-surface-gray-minimal_light), var(--_text-primary-on-surface-gray-minimal_dark));
    --text-secondary-on-surface-gray-minimal: light-dark(var(--_text-secondary-on-surface-gray-minimal_light), var(--_text-secondary-on-surface-gray-minimal_dark));
    --text-disabled-on-surface-gray-minimal: light-dark(var(--_text-disabled-on-surface-gray-minimal_light), var(--_text-disabled-on-surface-gray-minimal_dark));

    --_surface-gray-subtle_light: var(--gray-20);
    --_surface-gray-subtle_dark: var(--gray-90);
    --_surface-gray-subtle-hover_light: oklch(85.5% 0 0);
    --_surface-gray-subtle-hover_dark: oklch(47.9% 0 0);
    --_surface-gray-subtle-hover_light: oklch(83.8% 0 0);
    --_surface-gray-subtle-hover_dark: oklch(52.3% 0 0);

    --_text-primary-on-surface-gray-subtle_light: oklch(26.7% 0 0);
    --_text-primary-on-surface-gray-subtle_dark: oklch(95.8% 0 0);
    --_text-secondary-on-surface-gray-subtle_light: oklch(43.6% 0 0);
    --_text-secondary-on-surface-gray-subtle_dark: oklch(74.5% 0 0);
    --_text-disabled-on-surface-gray-subtle_light: oklch(71.2% 0 0);
    --_text-disabled-on-surface-gray-subtle_dark: oklch(66.135% 0 0);

    --surface-gray-subtle: light-dark(var(--_surface-gray-subtle_light), var(--_surface-gray-subtle_dark));
    --surface-gray-subtle-hover: light-dark(var(--_surface-gray-subtle-hover_light), var(--_surface-gray-subtle-hover_dark));
    --surface-gray-subtle-active: light-dark(var(--_surface-gray-subtle-hover_light), var(--_surface-gray-subtle-hover_dark));

    --text-primary-on-surface-gray-subtle: light-dark(var(--_text-primary-on-surface-gray-subtle_light), var(--_text-primary-on-surface-gray-subtle_dark));
    --text-secondary-on-surface-gray-subtle: light-dark(var(--_text-secondary-on-surface-gray-subtle_light), var(--_text-secondary-on-surface-gray-subtle_dark));
    --text-disabled-on-surface-gray-subtle: light-dark(var(--_text-disabled-on-surface-gray-subtle_light), var(--_text-disabled-on-surface-gray-subtle_dark));

    --_surface-gray-moderate_light: var(--gray-40);
    --_surface-gray-moderate_dark: var(--gray-70);
    --_surface-gray-moderate-hover_light: oklch(77.4% 0 0);
    --_surface-gray-moderate-hover_dark: oklch(59.4% 0 0);
    --_surface-gray-moderate-hover_light: oklch(76.1% 0 0);
    --_surface-gray-moderate-hover_dark: oklch(62.4% 0 0);

    --_text-primary-on-surface-gray-moderate_light: oklch(24% 0 0);
    --_text-primary-on-surface-gray-moderate_dark: oklch(100% 0 0);
    --_text-secondary-on-surface-gray-moderate_light: oklch(39.2% 0 0);
    --_text-secondary-on-surface-gray-moderate_dark: oklch(100% 0 0);
    --_text-disabled-on-surface-gray-moderate_light: oklch(64% 0 0);
    --_text-disabled-on-surface-gray-moderate_dark: oklch(73.61% 0 0);

    --surface-gray-moderate: light-dark(var(--_surface-gray-moderate_light), var(--_surface-gray-moderate_dark));
    --surface-gray-moderate-hover: light-dark(var(--_surface-gray-moderate-hover_light), var(--_surface-gray-moderate-hover_dark));
    --surface-gray-moderate-active: light-dark(var(--_surface-gray-moderate-hover_light), var(--_surface-gray-moderate-hover_dark));

    --text-primary-on-surface-gray-moderate: light-dark(var(--_text-primary-on-surface-gray-moderate_light), var(--_text-primary-on-surface-gray-moderate_dark));
    --text-secondary-on-surface-gray-moderate: light-dark(var(--_text-secondary-on-surface-gray-moderate_light), var(--_text-secondary-on-surface-gray-moderate_dark));
    --text-disabled-on-surface-gray-moderate: light-dark(var(--_text-disabled-on-surface-gray-moderate_light), var(--_text-disabled-on-surface-gray-moderate_dark));

    --_surface-gray-strong_light: var(--gray-60);
    --_surface-gray-strong_dark: var(--gray-50);
    --_surface-gray-strong-hover_light: oklch(50% 0 0);
    --_surface-gray-strong-hover_dark: oklch(52.8% 0 0);
    --_surface-gray-strong-hover_light: oklch(52.5% 0 0);
    --_surface-gray-strong-hover_dark: oklch(56.6% 0 0);

    --_text-primary-on-surface-gray-strong_light: oklch(96% 0 0);
    --_text-primary-on-surface-gray-strong_dark: oklch(96.2% 0 0);
    --_text-secondary-on-surface-gray-strong_light: oklch(75.5% 0 0);
    --_text-secondary-on-surface-gray-strong_dark: oklch(76.9% 0 0);
    --_text-disabled-on-surface-gray-strong_light: oklch(67.5% 0 0);
    --_text-disabled-on-surface-gray-strong_dark: oklch(69.32% 0 0);

    --surface-gray-strong: light-dark(var(--_surface-gray-strong_light), var(--_surface-gray-strong_dark));
    --surface-gray-strong-hover: light-dark(var(--_surface-gray-strong-hover_light), var(--_surface-gray-strong-hover_dark));
    --surface-gray-strong-active: light-dark(var(--_surface-gray-strong-hover_light), var(--_surface-gray-strong-hover_dark));

    --text-primary-on-surface-gray-strong: light-dark(var(--_text-primary-on-surface-gray-strong_light), var(--_text-primary-on-surface-gray-strong_dark));
    --text-secondary-on-surface-gray-strong: light-dark(var(--_text-secondary-on-surface-gray-strong_light), var(--_text-secondary-on-surface-gray-strong_dark));
    --text-disabled-on-surface-gray-strong: light-dark(var(--_text-disabled-on-surface-gray-strong_light), var(--_text-disabled-on-surface-gray-strong_dark));

    --_surface-gray-contrast_light: var(--gray-90);
    --_surface-gray-contrast_dark: var(--gray-20);
    --_surface-gray-contrast-hover_light: oklch(45.5% 0 0);
    --_surface-gray-contrast-hover_dark: oklch(82.7% 0 0);
    --_surface-gray-contrast-hover_light: oklch(48.3% 0 0);
    --_surface-gray-contrast-hover_dark: oklch(79.2% 0 0);

    --_text-primary-on-surface-gray-contrast_light: oklch(95.6% 0 0);
    --_text-primary-on-surface-gray-contrast_dark: oklch(26.7% 0 0);
    --_text-secondary-on-surface-gray-contrast_light: oklch(73.3% 0 0);
    --_text-secondary-on-surface-gray-contrast_dark: oklch(43.6% 0 0);
    --_text-disabled-on-surface-gray-contrast_light: oklch(64.575% 0 0);
    --_text-disabled-on-surface-gray-contrast_dark: oklch(71.2% 0 0);

    --surface-gray-contrast: light-dark(var(--_surface-gray-contrast_light), var(--_surface-gray-contrast_dark));
    --surface-gray-contrast-hover: light-dark(var(--_surface-gray-contrast-hover_light), var(--_surface-gray-contrast-hover_dark));
    --surface-gray-contrast-active: light-dark(var(--_surface-gray-contrast-hover_light), var(--_surface-gray-contrast-hover_dark));

    --text-primary-on-surface-gray-contrast: light-dark(var(--_text-primary-on-surface-gray-contrast_light), var(--_text-primary-on-surface-gray-contrast_dark));
    --text-secondary-on-surface-gray-contrast: light-dark(var(--_text-secondary-on-surface-gray-contrast_light), var(--_text-secondary-on-surface-gray-contrast_dark));
    --text-disabled-on-surface-gray-contrast: light-dark(var(--_text-disabled-on-surface-gray-contrast_light), var(--_text-disabled-on-surface-gray-contrast_dark));

    --_surface-gray-main_light: var(--gray-30);
    --_surface-gray-main_dark: var(--gray-100);
    --_surface-gray-main-hover_light: oklch(81% 0 0);
    --_surface-gray-main-hover_dark: oklch(39.7% 0 0);
    --_surface-gray-main-hover_light: oklch(79.5% 0 0);
    --_surface-gray-main-hover_dark: oklch(45.1% 0 0);

    --_text-primary-on-surface-gray-main_light: oklch(25.2% 0 0);
    --_text-primary-on-surface-gray-main_dark: oklch(95.2% 0 0);
    --_text-secondary-on-surface-gray-main_light: oklch(41.2% 0 0);
    --_text-secondary-on-surface-gray-main_dark: oklch(70.5% 0 0);
    --_text-disabled-on-surface-gray-main_light: oklch(67.2% 0 0);
    --_text-disabled-on-surface-gray-main_dark: oklch(60.805% 0 0);

    --surface-gray-main: light-dark(var(--_surface-gray-main_light), var(--_surface-gray-main_dark));
    --surface-gray-main-hover: light-dark(var(--_surface-gray-main-hover_light), var(--_surface-gray-main-hover_dark));
    --surface-gray-main-active: light-dark(var(--_surface-gray-main-hover_light), var(--_surface-gray-main-hover_dark));

    --text-primary-on-surface-gray-main: light-dark(var(--_text-primary-on-surface-gray-main_light), var(--_text-primary-on-surface-gray-main_dark));
    --text-secondary-on-surface-gray-main: light-dark(var(--_text-secondary-on-surface-gray-main_light), var(--_text-secondary-on-surface-gray-main_dark));
    --text-disabled-on-surface-gray-main: light-dark(var(--_text-disabled-on-surface-gray-main_light), var(--_text-disabled-on-surface-gray-main_dark));

    --_surface-silver-minimal_light: var(--silver-10);
    --_surface-silver-minimal_dark: var(--silver-100);
    --_surface-silver-minimal-hover_light: oklch(94.5% 0 0);
    --_surface-silver-minimal-hover_dark: oklch(52.5% 0 0);
    --_surface-silver-minimal-hover_light: oklch(93.3% 0 0);
    --_surface-silver-minimal-hover_dark: oklch(57.2% 0 0);

    --_text-primary-on-surface-silver-minimal_light: oklch(29.1% 0 0);
    --_text-primary-on-surface-silver-minimal_dark: oklch(96.2% 0 0);
    --_text-secondary-on-surface-silver-minimal_light: oklch(47.5% 0 0);
    --_text-secondary-on-surface-silver-minimal_dark: oklch(76.7% 0 0);
    --_text-disabled-on-surface-silver-minimal_light: oklch(77.6% 0 0);
    --_text-disabled-on-surface-silver-minimal_dark: oklch(69.125% 0 0);

    --surface-silver-minimal: light-dark(var(--_surface-silver-minimal_light), var(--_surface-silver-minimal_dark));
    --surface-silver-minimal-hover: light-dark(var(--_surface-silver-minimal-hover_light), var(--_surface-silver-minimal-hover_dark));
    --surface-silver-minimal-active: light-dark(var(--_surface-silver-minimal-hover_light), var(--_surface-silver-minimal-hover_dark));

    --text-primary-on-surface-silver-minimal: light-dark(var(--_text-primary-on-surface-silver-minimal_light), var(--_text-primary-on-surface-silver-minimal_dark));
    --text-secondary-on-surface-silver-minimal: light-dark(var(--_text-secondary-on-surface-silver-minimal_light), var(--_text-secondary-on-surface-silver-minimal_dark));
    --text-disabled-on-surface-silver-minimal: light-dark(var(--_text-disabled-on-surface-silver-minimal_light), var(--_text-disabled-on-surface-silver-minimal_dark));

    --_surface-silver-subtle_light: var(--silver-20);
    --_surface-silver-subtle_dark: var(--silver-90);
    --_surface-silver-subtle-hover_light: oklch(91.8% 0 0);
    --_surface-silver-subtle-hover_dark: oklch(59% 0 0);
    --_surface-silver-subtle-hover_light: oklch(90.7% 0 0);
    --_surface-silver-subtle-hover_dark: oklch(62.9% 0 0);

    --_text-primary-on-surface-silver-subtle_light: oklch(28.2% 0 0);
    --_text-primary-on-surface-silver-subtle_dark: oklch(100% 0 0);
    --_text-secondary-on-surface-silver-subtle_light: oklch(46.1% 0 0);
    --_text-secondary-on-surface-silver-subtle_dark: oklch(100% 0 0);
    --_text-disabled-on-surface-silver-subtle_light: oklch(75.2% 0 0);
    --_text-disabled-on-surface-silver-subtle_dark: oklch(73.35% 0 0);

    --surface-silver-subtle: light-dark(var(--_surface-silver-subtle_light), var(--_surface-silver-subtle_dark));
    --surface-silver-subtle-hover: light-dark(var(--_surface-silver-subtle-hover_light), var(--_surface-silver-subtle-hover_dark));
    --surface-silver-subtle-active: light-dark(var(--_surface-silver-subtle-hover_light), var(--_surface-silver-subtle-hover_dark));

    --text-primary-on-surface-silver-subtle: light-dark(var(--_text-primary-on-surface-silver-subtle_light), var(--_text-primary-on-surface-silver-subtle_dark));
    --text-secondary-on-surface-silver-subtle: light-dark(var(--_text-secondary-on-surface-silver-subtle_light), var(--_text-secondary-on-surface-silver-subtle_dark));
    --text-disabled-on-surface-silver-subtle: light-dark(var(--_text-disabled-on-surface-silver-subtle_light), var(--_text-disabled-on-surface-silver-subtle_dark));

    --_surface-silver-moderate_light: var(--silver-40);
    --_surface-silver-moderate_dark: var(--silver-70);
    --_surface-silver-moderate-hover_light: oklch(86.4% 0 0);
    --_surface-silver-moderate-hover_dark: oklch(72% 0 0);
    --_surface-silver-moderate-hover_light: oklch(85.6% 0 0);
    --_surface-silver-moderate-hover_dark: oklch(72% 0 0);

    --_text-primary-on-surface-silver-moderate_light: oklch(26.4% 0 0);
    --_text-primary-on-surface-silver-moderate_dark: oklch(21.6% 0 0);
    --_text-secondary-on-surface-silver-moderate_light: oklch(43.1% 0 0);
    --_text-secondary-on-surface-silver-moderate_dark: oklch(35.3% 0 0);
    --_text-disabled-on-surface-silver-moderate_light: oklch(70.4% 0 0);
    --_text-disabled-on-surface-silver-moderate_dark: oklch(57.6% 0 0);

    --surface-silver-moderate: light-dark(var(--_surface-silver-moderate_light), var(--_surface-silver-moderate_dark));
    --surface-silver-moderate-hover: light-dark(var(--_surface-silver-moderate-hover_light), var(--_surface-silver-moderate-hover_dark));
    --surface-silver-moderate-active: light-dark(var(--_surface-silver-moderate-hover_light), var(--_surface-silver-moderate-hover_dark));

    --text-primary-on-surface-silver-moderate: light-dark(var(--_text-primary-on-surface-silver-moderate_light), var(--_text-primary-on-surface-silver-moderate_dark));
    --text-secondary-on-surface-silver-moderate: light-dark(var(--_text-secondary-on-surface-silver-moderate_light), var(--_text-secondary-on-surface-silver-moderate_dark));
    --text-disabled-on-surface-silver-moderate: light-dark(var(--_text-disabled-on-surface-silver-moderate_light), var(--_text-disabled-on-surface-silver-moderate_dark));

    --_surface-silver-strong_light: var(--silver-60);
    --_surface-silver-strong_dark: var(--silver-50);
    --_surface-silver-strong-hover_light: oklch(74.7% 0 0);
    --_surface-silver-strong-hover_dark: oklch(76.9% 0 0);
    --_surface-silver-strong-hover_light: oklch(74.6% 0 0);
    --_surface-silver-strong-hover_dark: oklch(76.3% 0 0);

    --_text-primary-on-surface-silver-strong_light: oklch(22.5% 0 0);
    --_text-primary-on-surface-silver-strong_dark: oklch(23.4% 0 0);
    --_text-secondary-on-surface-silver-strong_light: oklch(36.8% 0 0);
    --_text-secondary-on-surface-silver-strong_dark: oklch(38.2% 0 0);
    --_text-disabled-on-surface-silver-strong_light: oklch(60% 0 0);
    --_text-disabled-on-surface-silver-strong_dark: oklch(62.4% 0 0);

    --surface-silver-strong: light-dark(var(--_surface-silver-strong_light), var(--_surface-silver-strong_dark));
    --surface-silver-strong-hover: light-dark(var(--_surface-silver-strong-hover_light), var(--_surface-silver-strong-hover_dark));
    --surface-silver-strong-active: light-dark(var(--_surface-silver-strong-hover_light), var(--_surface-silver-strong-hover_dark));

    --text-primary-on-surface-silver-strong: light-dark(var(--_text-primary-on-surface-silver-strong_light), var(--_text-primary-on-surface-silver-strong_dark));
    --text-secondary-on-surface-silver-strong: light-dark(var(--_text-secondary-on-surface-silver-strong_light), var(--_text-secondary-on-surface-silver-strong_dark));
    --text-disabled-on-surface-silver-strong: light-dark(var(--_text-disabled-on-surface-silver-strong_light), var(--_text-disabled-on-surface-silver-strong_dark));

    --_surface-silver-contrast_light: var(--silver-90);
    --_surface-silver-contrast_dark: var(--silver-20);
    --_surface-silver-contrast-hover_light: oklch(56.5% 0 0);
    --_surface-silver-contrast-hover_dark: oklch(90% 0 0);
    --_surface-silver-contrast-hover_light: oklch(58.8% 0 0);
    --_surface-silver-contrast-hover_dark: oklch(87.8% 0 0);

    --_text-primary-on-surface-silver-contrast_light: oklch(96.5% 0 0);
    --_text-primary-on-surface-silver-contrast_dark: oklch(28.2% 0 0);
    --_text-secondary-on-surface-silver-contrast_light: oklch(78.7% 0 0);
    --_text-secondary-on-surface-silver-contrast_dark: oklch(46.1% 0 0);
    --_text-disabled-on-surface-silver-contrast_light: oklch(71.725% 0 0);
    --_text-disabled-on-surface-silver-contrast_dark: oklch(75.2% 0 0);

    --surface-silver-contrast: light-dark(var(--_surface-silver-contrast_light), var(--_surface-silver-contrast_dark));
    --surface-silver-contrast-hover: light-dark(var(--_surface-silver-contrast-hover_light), var(--_surface-silver-contrast-hover_dark));
    --surface-silver-contrast-active: light-dark(var(--_surface-silver-contrast-hover_light), var(--_surface-silver-contrast-hover_dark));

    --text-primary-on-surface-silver-contrast: light-dark(var(--_text-primary-on-surface-silver-contrast_light), var(--_text-primary-on-surface-silver-contrast_dark));
    --text-secondary-on-surface-silver-contrast: light-dark(var(--_text-secondary-on-surface-silver-contrast_light), var(--_text-secondary-on-surface-silver-contrast_dark));
    --text-disabled-on-surface-silver-contrast: light-dark(var(--_text-disabled-on-surface-silver-contrast_light), var(--_text-disabled-on-surface-silver-contrast_dark));

    --_surface-silver-main_light: var(--silver-30);
    --_surface-silver-main_dark: var(--silver-100);
    --_surface-silver-main-hover_light: oklch(89.1% 0 0);
    --_surface-silver-main-hover_dark: oklch(52.5% 0 0);
    --_surface-silver-main-hover_light: oklch(88.2% 0 0);
    --_surface-silver-main-hover_dark: oklch(57.2% 0 0);

    --_text-primary-on-surface-silver-main_light: oklch(27.3% 0 0);
    --_text-primary-on-surface-silver-main_dark: oklch(96.2% 0 0);
    --_text-secondary-on-surface-silver-main_light: oklch(44.6% 0 0);
    --_text-secondary-on-surface-silver-main_dark: oklch(76.7% 0 0);
    --_text-disabled-on-surface-silver-main_light: oklch(72.8% 0 0);
    --_text-disabled-on-surface-silver-main_dark: oklch(69.125% 0 0);

    --surface-silver-main: light-dark(var(--_surface-silver-main_light), var(--_surface-silver-main_dark));
    --surface-silver-main-hover: light-dark(var(--_surface-silver-main-hover_light), var(--_surface-silver-main-hover_dark));
    --surface-silver-main-active: light-dark(var(--_surface-silver-main-hover_light), var(--_surface-silver-main-hover_dark));

    --text-primary-on-surface-silver-main: light-dark(var(--_text-primary-on-surface-silver-main_light), var(--_text-primary-on-surface-silver-main_dark));
    --text-secondary-on-surface-silver-main: light-dark(var(--_text-secondary-on-surface-silver-main_light), var(--_text-secondary-on-surface-silver-main_dark));
    --text-disabled-on-surface-silver-main: light-dark(var(--_text-disabled-on-surface-silver-main_light), var(--_text-disabled-on-surface-silver-main_dark));

    --_surface-black-minimal_light: var(--black-10);
    --_surface-black-minimal_dark: var(--black-100);
    --_surface-black-minimal-hover_light: oklch(81.5% 0 0);
    --_surface-black-minimal-hover_dark: oklch(29.4% 0 0);
    --_surface-black-minimal-hover_light: oklch(78.8% 0 0);
    --_surface-black-minimal-hover_dark: oklch(34.6% 0 0);

    --_text-primary-on-surface-black-minimal_light: oklch(26.1% 0 0);
    --_text-primary-on-surface-black-minimal_dark: oklch(94.4% 0 0);
    --_text-secondary-on-surface-black-minimal_light: oklch(42.6% 0 0);
    --_text-secondary-on-surface-black-minimal_dark: oklch(65.4% 0 0);
    --_text-disabled-on-surface-black-minimal_light: oklch(69.6% 0 0);
    --_text-disabled-on-surface-black-minimal_dark: oklch(54.11% 0 0);

    --surface-black-minimal: light-dark(var(--_surface-black-minimal_light), var(--_surface-black-minimal_dark));
    --surface-black-minimal-hover: light-dark(var(--_surface-black-minimal-hover_light), var(--_surface-black-minimal-hover_dark));
    --surface-black-minimal-active: light-dark(var(--_surface-black-minimal-hover_light), var(--_surface-black-minimal-hover_dark));

    --text-primary-on-surface-black-minimal: light-dark(var(--_text-primary-on-surface-black-minimal_light), var(--_text-primary-on-surface-black-minimal_dark));
    --text-secondary-on-surface-black-minimal: light-dark(var(--_text-secondary-on-surface-black-minimal_light), var(--_text-secondary-on-surface-black-minimal_dark));
    --text-disabled-on-surface-black-minimal: light-dark(var(--_text-disabled-on-surface-black-minimal_light), var(--_text-disabled-on-surface-black-minimal_dark));

    --_surface-black-subtle_light: var(--black-20);
    --_surface-black-subtle_dark: var(--black-90);
    --_surface-black-subtle-hover_light: oklch(74.3% 0 0);
    --_surface-black-subtle-hover_dark: oklch(29.4% 0 0);
    --_surface-black-subtle-hover_light: oklch(72% 0 0);
    --_surface-black-subtle-hover_dark: oklch(34.6% 0 0);

    --_text-primary-on-surface-black-subtle_light: oklch(23.7% 0 0);
    --_text-primary-on-surface-black-subtle_dark: oklch(94.4% 0 0);
    --_text-secondary-on-surface-black-subtle_light: oklch(38.7% 0 0);
    --_text-secondary-on-surface-black-subtle_dark: oklch(65.4% 0 0);
    --_text-disabled-on-surface-black-subtle_light: oklch(63.2% 0 0);
    --_text-disabled-on-surface-black-subtle_dark: oklch(54.11% 0 0);

    --surface-black-subtle: light-dark(var(--_surface-black-subtle_light), var(--_surface-black-subtle_dark));
    --surface-black-subtle-hover: light-dark(var(--_surface-black-subtle-hover_light), var(--_surface-black-subtle-hover_dark));
    --surface-black-subtle-active: light-dark(var(--_surface-black-subtle-hover_light), var(--_surface-black-subtle-hover_dark));

    --text-primary-on-surface-black-subtle: light-dark(var(--_text-primary-on-surface-black-subtle_light), var(--_text-primary-on-surface-black-subtle_dark));
    --text-secondary-on-surface-black-subtle: light-dark(var(--_text-secondary-on-surface-black-subtle_light), var(--_text-secondary-on-surface-black-subtle_dark));
    --text-disabled-on-surface-black-subtle: light-dark(var(--_text-disabled-on-surface-black-subtle_light), var(--_text-disabled-on-surface-black-subtle_dark));

    --_surface-black-moderate_light: var(--black-40);
    --_surface-black-moderate_dark: var(--black-70);
    --_surface-black-moderate-hover_light: oklch(61.7% 0 0);
    --_surface-black-moderate-hover_dark: oklch(39.2% 0 0);
    --_surface-black-moderate-hover_light: oklch(60% 0 0);
    --_surface-black-moderate-hover_dark: oklch(43.2% 0 0);

    --_text-primary-on-surface-black-moderate_light: oklch(19.5% 0 0);
    --_text-primary-on-surface-black-moderate_dark: oklch(95.1% 0 0);
    --_text-secondary-on-surface-black-moderate_light: oklch(31.9% 0 0);
    --_text-secondary-on-surface-black-moderate_dark: oklch(70.2% 0 0);
    --_text-disabled-on-surface-black-moderate_light: oklch(52% 0 0);
    --_text-disabled-on-surface-black-moderate_dark: oklch(60.48% 0 0);

    --surface-black-moderate: light-dark(var(--_surface-black-moderate_light), var(--_surface-black-moderate_dark));
    --surface-black-moderate-hover: light-dark(var(--_surface-black-moderate-hover_light), var(--_surface-black-moderate-hover_dark));
    --surface-black-moderate-active: light-dark(var(--_surface-black-moderate-hover_light), var(--_surface-black-moderate-hover_dark));

    --text-primary-on-surface-black-moderate: light-dark(var(--_text-primary-on-surface-black-moderate_light), var(--_text-primary-on-surface-black-moderate_dark));
    --text-secondary-on-surface-black-moderate: light-dark(var(--_text-secondary-on-surface-black-moderate_light), var(--_text-secondary-on-surface-black-moderate_dark));
    --text-disabled-on-surface-black-moderate: light-dark(var(--_text-disabled-on-surface-black-moderate_light), var(--_text-disabled-on-surface-black-moderate_dark));

    --_surface-black-strong_light: var(--black-60);
    --_surface-black-strong_dark: var(--black-50);
    --_surface-black-strong-hover_light: oklch(9.6% 0 0);
    --_surface-black-strong-hover_dark: oklch(13.8% 0 0);
    --_surface-black-strong-hover_light: oklch(13.9% 0 0);
    --_surface-black-strong-hover_dark: oklch(20.9% 0 0);

    --_text-primary-on-surface-black-strong_light: oklch(92.8% 0 0);
    --_text-primary-on-surface-black-strong_dark: oklch(93.1% 0 0);
    --_text-secondary-on-surface-black-strong_light: oklch(55.7% 0 0);
    --_text-secondary-on-surface-black-strong_dark: oklch(57.8% 0 0);
    --_text-disabled-on-surface-black-strong_light: oklch(41.24% 0 0);
    --_text-disabled-on-surface-black-strong_dark: oklch(43.97% 0 0);

    --surface-black-strong: light-dark(var(--_surface-black-strong_light), var(--_surface-black-strong_dark));
    --surface-black-strong-hover: light-dark(var(--_surface-black-strong-hover_light), var(--_surface-black-strong-hover_dark));
    --surface-black-strong-active: light-dark(var(--_surface-black-strong-hover_light), var(--_surface-black-strong-hover_dark));

    --text-primary-on-surface-black-strong: light-dark(var(--_text-primary-on-surface-black-strong_light), var(--_text-primary-on-surface-black-strong_dark));
    --text-secondary-on-surface-black-strong: light-dark(var(--_text-secondary-on-surface-black-strong_light), var(--_text-secondary-on-surface-black-strong_dark));
    --text-disabled-on-surface-black-strong: light-dark(var(--_text-disabled-on-surface-black-strong_light), var(--_text-disabled-on-surface-black-strong_dark));

    --_surface-black-contrast_light: var(--black-90);
    --_surface-black-contrast_dark: var(--black-20);
    --_surface-black-contrast-hover_light: oklch(26.7% 0 0);
    --_surface-black-contrast-hover_dark: oklch(70.5% 0 0);
    --_surface-black-contrast-hover_light: oklch(30.1% 0 0);
    --_surface-black-contrast-hover_dark: oklch(65.8% 0 0);

    --_text-primary-on-surface-black-contrast_light: oklch(94.1% 0 0);
    --_text-primary-on-surface-black-contrast_dark: oklch(23.7% 0 0);
    --_text-secondary-on-surface-black-contrast_light: oklch(64.1% 0 0);
    --_text-secondary-on-surface-black-contrast_dark: oklch(38.7% 0 0);
    --_text-disabled-on-surface-black-contrast_light: oklch(52.355% 0 0);
    --_text-disabled-on-surface-black-contrast_dark: oklch(63.2% 0 0);

    --surface-black-contrast: light-dark(var(--_surface-black-contrast_light), var(--_surface-black-contrast_dark));
    --surface-black-contrast-hover: light-dark(var(--_surface-black-contrast-hover_light), var(--_surface-black-contrast-hover_dark));
    --surface-black-contrast-active: light-dark(var(--_surface-black-contrast-hover_light), var(--_surface-black-contrast-hover_dark));

    --text-primary-on-surface-black-contrast: light-dark(var(--_text-primary-on-surface-black-contrast_light), var(--_text-primary-on-surface-black-contrast_dark));
    --text-secondary-on-surface-black-contrast: light-dark(var(--_text-secondary-on-surface-black-contrast_light), var(--_text-secondary-on-surface-black-contrast_dark));
    --text-disabled-on-surface-black-contrast: light-dark(var(--_text-disabled-on-surface-black-contrast_light), var(--_text-disabled-on-surface-black-contrast_dark));

    --_surface-black-main_light: var(--black-30);
    --_surface-black-main_dark: var(--black-100);
    --_surface-black-main-hover_light: oklch(68% 0 0);
    --_surface-black-main-hover_dark: oklch(29.4% 0 0);
    --_surface-black-main-hover_light: oklch(66% 0 0);
    --_surface-black-main-hover_dark: oklch(34.6% 0 0);

    --_text-primary-on-surface-black-main_light: oklch(21.6% 0 0);
    --_text-primary-on-surface-black-main_dark: oklch(94.4% 0 0);
    --_text-secondary-on-surface-black-main_light: oklch(35.3% 0 0);
    --_text-secondary-on-surface-black-main_dark: oklch(65.4% 0 0);
    --_text-disabled-on-surface-black-main_light: oklch(57.6% 0 0);
    --_text-disabled-on-surface-black-main_dark: oklch(54.11% 0 0);

    --surface-black-main: light-dark(var(--_surface-black-main_light), var(--_surface-black-main_dark));
    --surface-black-main-hover: light-dark(var(--_surface-black-main-hover_light), var(--_surface-black-main-hover_dark));
    --surface-black-main-active: light-dark(var(--_surface-black-main-hover_light), var(--_surface-black-main-hover_dark));

    --text-primary-on-surface-black-main: light-dark(var(--_text-primary-on-surface-black-main_light), var(--_text-primary-on-surface-black-main_dark));
    --text-secondary-on-surface-black-main: light-dark(var(--_text-secondary-on-surface-black-main_light), var(--_text-secondary-on-surface-black-main_dark));
    --text-disabled-on-surface-black-main: light-dark(var(--_text-disabled-on-surface-black-main_light), var(--_text-disabled-on-surface-black-main_dark));

}

/* Neutral Surfaces */

:root {
    --_surface-base_light: oklch(90% 0.01024 250);
    --_surface-base_dark: oklch(4% 0.01842 250);
    --_surface-base-hover_light: oklch(85.5% 0.01 250);
    --_surface-base-hover_dark: oklch(11.7% 0.017 250);
    --_surface-base-active_light: oklch(82.4% 0.009 250);
    --_surface-base-active_dark: oklch(19.4% 0.015 250);
    --_surface-base-disabled_light: oklch(82.4% 0.009 250);
    --_surface-base-disabled_dark: oklch(23.2% 0.015 250);
    --surface-base: light-dark(var(--_surface-base_light), var(--_surface-base_dark));
    --surface-base-hover: light-dark(var(--_surface-base-hover_light), var(--_surface-base-hover_dark));
    --surface-base-active: light-dark(var(--_surface-base-active_light), var(--_surface-base-active_dark));
    --surface-base-disabled: light-dark(var(--_surface-base-disabled_light), var(--_surface-base-disabled_dark));

    --_surface-base-variant_light: oklch(100% 0 250);
    --_surface-base-variant_dark: oklch(0% 0 250);
    --_surface-base-variant-hover_light: oklch(94.9% 0 250);
    --_surface-base-variant-hover_dark: oklch(8% 0 250);
    --_surface-base-variant-active_light: oklch(91.4% 0 250);
    --_surface-base-variant-active_dark: oklch(16% 0 250);
    --_surface-base-variant-disabled_light: oklch(91.4% 0 250);
    --_surface-base-variant-disabled_dark: oklch(20% 0 250);
    --surface-base-variant: light-dark(var(--_surface-base-variant_light), var(--_surface-base-variant_dark));
    --surface-base-variant-hover: light-dark(var(--_surface-base-variant-hover_light), var(--_surface-base-variant-hover_dark));
    --surface-base-variant-active: light-dark(var(--_surface-base-variant-active_light), var(--_surface-base-variant-active_dark));
    --surface-base-variant-disabled: light-dark(var(--_surface-base-variant-disabled_light), var(--_surface-base-variant-disabled_dark));

    --_surface-main_light: oklch(98% 0.00419 250);
    --_surface-main_dark: oklch(24% 0.00962 250);
    --_surface-main-hover_light: oklch(93% 0.004 250);
    --_surface-main-hover_dark: oklch(30.1% 0.009 250);
    --_surface-main-active_light: oklch(89.6% 0.004 250);
    --_surface-main-active_dark: oklch(36.2% 0.008 250);
    --_surface-main-disabled_light: oklch(89.6% 0.004 250);
    --_surface-main-disabled_dark: oklch(39.2% 0.008 250);
    --surface-main: light-dark(var(--_surface-main_light), var(--_surface-main_dark));
    --surface-main-hover: light-dark(var(--_surface-main-hover_light), var(--_surface-main-hover_dark));
    --surface-main-active: light-dark(var(--_surface-main-active_light), var(--_surface-main-active_dark));
    --surface-main-disabled: light-dark(var(--_surface-main-disabled_light), var(--_surface-main-disabled_dark));

    --_surface-main-dim_light: oklch(96% 0.00819 250);
    --_surface-main-dim_dark: oklch(20% 0.01566 250);
    --_surface-main-dim-hover_light: oklch(91.1% 0.008 250);
    --_surface-main-dim-hover_dark: oklch(26.4% 0.014 250);
    --_surface-main-dim-active_light: oklch(87.8% 0.007 250);
    --_surface-main-dim-active_dark: oklch(32.8% 0.013 250);
    --_surface-main-dim-disabled_light: oklch(87.8% 0.007 250);
    --_surface-main-dim-disabled_dark: oklch(36% 0.013 250);
    --surface-main-dim: light-dark(var(--_surface-main-dim_light), var(--_surface-main-dim_dark));
    --surface-main-dim-hover: light-dark(var(--_surface-main-dim-hover_light), var(--_surface-main-dim-hover_dark));
    --surface-main-dim-active: light-dark(var(--_surface-main-dim-active_light), var(--_surface-main-dim-active_dark));
    --surface-main-dim-disabled: light-dark(var(--_surface-main-dim-disabled_light), var(--_surface-main-dim-disabled_dark));

    --_surface-main-variant_light: oklch(94% 0.0128 250);
    --_surface-main-variant_dark: oklch(32% 0.02167 250);
    --_surface-main-variant-hover_light: oklch(89.2% 0.012 250);
    --_surface-main-variant-hover_dark: oklch(37.4% 0.02 250);
    --_surface-main-variant-active_light: oklch(86% 0.012 250);
    --_surface-main-variant-active_dark: oklch(42.9% 0.018 250);
    --_surface-main-variant-disabled_light: oklch(86% 0.012 250);
    --_surface-main-variant-disabled_dark: oklch(45.6% 0.017 250);
    --surface-main-variant: light-dark(var(--_surface-main-variant_light), var(--_surface-main-variant_dark));
    --surface-main-variant-hover: light-dark(var(--_surface-main-variant-hover_light), var(--_surface-main-variant-hover_dark));
    --surface-main-variant-active: light-dark(var(--_surface-main-variant-active_light), var(--_surface-main-variant-active_dark));
    --surface-main-variant-disabled: light-dark(var(--_surface-main-variant-disabled_light), var(--_surface-main-variant-disabled_dark));

    --_surface-main-bright_light: oklch(100% 0.00819 250);
    --_surface-main-bright_dark: oklch(34% 0.01566 250);
    --_surface-main-bright-hover_light: oklch(94.9% 0.008 250);
    --_surface-main-bright-hover_dark: oklch(39.3% 0.014 250);
    --_surface-main-bright-active_light: oklch(91.4% 0.007 250);
    --_surface-main-bright-active_dark: oklch(44.6% 0.013 250);
    --_surface-main-bright-disabled_light: oklch(91.4% 0.007 250);
    --_surface-main-bright-disabled_dark: oklch(47.2% 0.013 250);
    --surface-main-bright: light-dark(var(--_surface-main-bright_light), var(--_surface-main-bright_dark));
    --surface-main-bright-hover: light-dark(var(--_surface-main-bright-hover_light), var(--_surface-main-bright-hover_dark));
    --surface-main-bright-active: light-dark(var(--_surface-main-bright-active_light), var(--_surface-main-bright-active_dark));
    --surface-main-bright-disabled: light-dark(var(--_surface-main-bright-disabled_light), var(--_surface-main-bright-disabled_dark));

    --_surface-front_light: oklch(100% 0.00819 250);
    --_surface-front_dark: oklch(30% 0.01566 250);
    --_surface-front-hover_light: oklch(94.9% 0.008 250);
    --_surface-front-hover_dark: oklch(35.6% 0.014 250);
    --_surface-front-active_light: oklch(91.4% 0.007 250);
    --_surface-front-active_dark: oklch(41.2% 0.013 250);
    --_surface-front-disabled_light: oklch(91.4% 0.007 250);
    --_surface-front-disabled_dark: oklch(44% 0.013 250);
    --surface-front: light-dark(var(--_surface-front_light), var(--_surface-front_dark));
    --surface-front-hover: light-dark(var(--_surface-front-hover_light), var(--_surface-front-hover_dark));
    --surface-front-active: light-dark(var(--_surface-front-active_light), var(--_surface-front-active_dark));
    --surface-front-disabled: light-dark(var(--_surface-front-disabled_light), var(--_surface-front-disabled_dark));

    --_surface-control_light: oklch(100% 0.00655 250);
    --_surface-control_dark: oklch(34% 0.01331 250);
    --_surface-control-hover_light: oklch(94.9% 0.006 250);
    --_surface-control-hover_dark: oklch(39.3% 0.012 250);
    --_surface-control-active_light: oklch(91.4% 0.006 250);
    --_surface-control-active_dark: oklch(44.6% 0.011 250);
    --_surface-control-disabled_light: oklch(91.4% 0.006 250);
    --_surface-control-disabled_dark: oklch(47.2% 0.011 250);
    --surface-control: light-dark(var(--_surface-control_light), var(--_surface-control_dark));
    --surface-control-hover: light-dark(var(--_surface-control-hover_light), var(--_surface-control-hover_dark));
    --surface-control-active: light-dark(var(--_surface-control-active_light), var(--_surface-control-active_dark));
    --surface-control-disabled: light-dark(var(--_surface-control-disabled_light), var(--_surface-control-disabled_dark));

    --_surface-control-variant_light: oklch(100% 0.00655 250);
    --_surface-control-variant_dark: oklch(20% 0.01331 250);
    --_surface-control-variant-hover_light: oklch(94.9% 0.006 250);
    --_surface-control-variant-hover_dark: oklch(26.4% 0.012 250);
    --_surface-control-variant-active_light: oklch(91.4% 0.006 250);
    --_surface-control-variant-active_dark: oklch(32.8% 0.011 250);
    --_surface-control-variant-disabled_light: oklch(91.4% 0.006 250);
    --_surface-control-variant-disabled_dark: oklch(36% 0.011 250);
    --surface-control-variant: light-dark(var(--_surface-control-variant_light), var(--_surface-control-variant_dark));
    --surface-control-variant-hover: light-dark(var(--_surface-control-variant-hover_light), var(--_surface-control-variant-hover_dark));
    --surface-control-variant-active: light-dark(var(--_surface-control-variant-active_light), var(--_surface-control-variant-active_dark));
    --surface-control-variant-disabled: light-dark(var(--_surface-control-variant-disabled_light), var(--_surface-control-variant-disabled_dark));

}

/* Neutral Translucent Surfaces */

:root {
    --_surface-base-translucent_light: oklch(90% 0.01024 250 / 0.8);
    --_surface-base-translucent_dark: oklch(4% 0.01842 250 / 0.8);
    --_surface-base-translucent-hover_light: oklch(85.5% 0.01 250 / 0.812);
    --_surface-base-translucent-hover_dark: oklch(11.7% 0.017 250 / 0.816);
    --_surface-base-translucent-active_light: oklch(82.4% 0.009 250 / 0.82);
    --_surface-base-translucent-active_dark: oklch(19.4% 0.015 250 / 0.832);
    --_surface-base-translucent-disabled_light: oklch(82.4% 0.009 250 / 0.82);
    --_surface-base-translucent-disabled_dark: oklch(23.2% 0.015 250 / 0.84);
    --surface-base-translucent: light-dark(var(--_surface-base-translucent_light), var(--_surface-base-translucent_dark));
    --surface-base-translucent-hover: light-dark(var(--_surface-base-translucent-hover_light), var(--_surface-base-translucent-hover_dark));
    --surface-base-translucent-active: light-dark(var(--_surface-base-translucent-active_light), var(--_surface-base-translucent-active_dark));
    --surface-base-translucent-disabled: light-dark(var(--_surface-base-translucent-disabled_light), var(--_surface-base-translucent-disabled_dark));

    --_surface-base-variant-translucent_light: oklch(100% 0 250 / 0.8);
    --_surface-base-variant-translucent_dark: oklch(0% 0 250 / 0.8);
    --_surface-base-variant-translucent-hover_light: oklch(94.9% 0 250 / 0.812);
    --_surface-base-variant-translucent-hover_dark: oklch(8% 0 250 / 0.816);
    --_surface-base-variant-translucent-active_light: oklch(91.4% 0 250 / 0.82);
    --_surface-base-variant-translucent-active_dark: oklch(16% 0 250 / 0.832);
    --_surface-base-variant-translucent-disabled_light: oklch(91.4% 0 250 / 0.82);
    --_surface-base-variant-translucent-disabled_dark: oklch(20% 0 250 / 0.84);
    --surface-base-variant-translucent: light-dark(var(--_surface-base-variant-translucent_light), var(--_surface-base-variant-translucent_dark));
    --surface-base-variant-translucent-hover: light-dark(var(--_surface-base-variant-translucent-hover_light), var(--_surface-base-variant-translucent-hover_dark));
    --surface-base-variant-translucent-active: light-dark(var(--_surface-base-variant-translucent-active_light), var(--_surface-base-variant-translucent-active_dark));
    --surface-base-variant-translucent-disabled: light-dark(var(--_surface-base-variant-translucent-disabled_light), var(--_surface-base-variant-translucent-disabled_dark));

    --_surface-main-translucent_light: oklch(98% 0.00419 250 / 0.8);
    --_surface-main-translucent_dark: oklch(24% 0.00962 250 / 0.8);
    --_surface-main-translucent-hover_light: oklch(93% 0.004 250 / 0.812);
    --_surface-main-translucent-hover_dark: oklch(30.1% 0.009 250 / 0.816);
    --_surface-main-translucent-active_light: oklch(89.6% 0.004 250 / 0.82);
    --_surface-main-translucent-active_dark: oklch(36.2% 0.008 250 / 0.832);
    --_surface-main-translucent-disabled_light: oklch(89.6% 0.004 250 / 0.82);
    --_surface-main-translucent-disabled_dark: oklch(39.2% 0.008 250 / 0.84);
    --surface-main-translucent: light-dark(var(--_surface-main-translucent_light), var(--_surface-main-translucent_dark));
    --surface-main-translucent-hover: light-dark(var(--_surface-main-translucent-hover_light), var(--_surface-main-translucent-hover_dark));
    --surface-main-translucent-active: light-dark(var(--_surface-main-translucent-active_light), var(--_surface-main-translucent-active_dark));
    --surface-main-translucent-disabled: light-dark(var(--_surface-main-translucent-disabled_light), var(--_surface-main-translucent-disabled_dark));

    --_surface-main-dim-translucent_light: oklch(96% 0.00819 250 / 0.8);
    --_surface-main-dim-translucent_dark: oklch(20% 0.01566 250 / 0.8);
    --_surface-main-dim-translucent-hover_light: oklch(91.1% 0.008 250 / 0.812);
    --_surface-main-dim-translucent-hover_dark: oklch(26.4% 0.014 250 / 0.816);
    --_surface-main-dim-translucent-active_light: oklch(87.8% 0.007 250 / 0.82);
    --_surface-main-dim-translucent-active_dark: oklch(32.8% 0.013 250 / 0.832);
    --_surface-main-dim-translucent-disabled_light: oklch(87.8% 0.007 250 / 0.82);
    --_surface-main-dim-translucent-disabled_dark: oklch(36% 0.013 250 / 0.84);
    --surface-main-dim-translucent: light-dark(var(--_surface-main-dim-translucent_light), var(--_surface-main-dim-translucent_dark));
    --surface-main-dim-translucent-hover: light-dark(var(--_surface-main-dim-translucent-hover_light), var(--_surface-main-dim-translucent-hover_dark));
    --surface-main-dim-translucent-active: light-dark(var(--_surface-main-dim-translucent-active_light), var(--_surface-main-dim-translucent-active_dark));
    --surface-main-dim-translucent-disabled: light-dark(var(--_surface-main-dim-translucent-disabled_light), var(--_surface-main-dim-translucent-disabled_dark));

    --_surface-main-variant-translucent_light: oklch(94% 0.0128 250 / 0.8);
    --_surface-main-variant-translucent_dark: oklch(32% 0.02167 250 / 0.8);
    --_surface-main-variant-translucent-hover_light: oklch(89.2% 0.012 250 / 0.812);
    --_surface-main-variant-translucent-hover_dark: oklch(37.4% 0.02 250 / 0.816);
    --_surface-main-variant-translucent-active_light: oklch(86% 0.012 250 / 0.82);
    --_surface-main-variant-translucent-active_dark: oklch(42.9% 0.018 250 / 0.832);
    --_surface-main-variant-translucent-disabled_light: oklch(86% 0.012 250 / 0.82);
    --_surface-main-variant-translucent-disabled_dark: oklch(45.6% 0.017 250 / 0.84);
    --surface-main-variant-translucent: light-dark(var(--_surface-main-variant-translucent_light), var(--_surface-main-variant-translucent_dark));
    --surface-main-variant-translucent-hover: light-dark(var(--_surface-main-variant-translucent-hover_light), var(--_surface-main-variant-translucent-hover_dark));
    --surface-main-variant-translucent-active: light-dark(var(--_surface-main-variant-translucent-active_light), var(--_surface-main-variant-translucent-active_dark));
    --surface-main-variant-translucent-disabled: light-dark(var(--_surface-main-variant-translucent-disabled_light), var(--_surface-main-variant-translucent-disabled_dark));

    --_surface-main-bright-translucent_light: oklch(100% 0.00819 250 / 0.8);
    --_surface-main-bright-translucent_dark: oklch(34% 0.01566 250 / 0.8);
    --_surface-main-bright-translucent-hover_light: oklch(94.9% 0.008 250 / 0.812);
    --_surface-main-bright-translucent-hover_dark: oklch(39.3% 0.014 250 / 0.816);
    --_surface-main-bright-translucent-active_light: oklch(91.4% 0.007 250 / 0.82);
    --_surface-main-bright-translucent-active_dark: oklch(44.6% 0.013 250 / 0.832);
    --_surface-main-bright-translucent-disabled_light: oklch(91.4% 0.007 250 / 0.82);
    --_surface-main-bright-translucent-disabled_dark: oklch(47.2% 0.013 250 / 0.84);
    --surface-main-bright-translucent: light-dark(var(--_surface-main-bright-translucent_light), var(--_surface-main-bright-translucent_dark));
    --surface-main-bright-translucent-hover: light-dark(var(--_surface-main-bright-translucent-hover_light), var(--_surface-main-bright-translucent-hover_dark));
    --surface-main-bright-translucent-active: light-dark(var(--_surface-main-bright-translucent-active_light), var(--_surface-main-bright-translucent-active_dark));
    --surface-main-bright-translucent-disabled: light-dark(var(--_surface-main-bright-translucent-disabled_light), var(--_surface-main-bright-translucent-disabled_dark));

    --_surface-front-translucent_light: oklch(100% 0.00819 250 / 0.8);
    --_surface-front-translucent_dark: oklch(30% 0.01566 250 / 0.8);
    --_surface-front-translucent-hover_light: oklch(94.9% 0.008 250 / 0.812);
    --_surface-front-translucent-hover_dark: oklch(35.6% 0.014 250 / 0.816);
    --_surface-front-translucent-active_light: oklch(91.4% 0.007 250 / 0.82);
    --_surface-front-translucent-active_dark: oklch(41.2% 0.013 250 / 0.832);
    --_surface-front-translucent-disabled_light: oklch(91.4% 0.007 250 / 0.82);
    --_surface-front-translucent-disabled_dark: oklch(44% 0.013 250 / 0.84);
    --surface-front-translucent: light-dark(var(--_surface-front-translucent_light), var(--_surface-front-translucent_dark));
    --surface-front-translucent-hover: light-dark(var(--_surface-front-translucent-hover_light), var(--_surface-front-translucent-hover_dark));
    --surface-front-translucent-active: light-dark(var(--_surface-front-translucent-active_light), var(--_surface-front-translucent-active_dark));
    --surface-front-translucent-disabled: light-dark(var(--_surface-front-translucent-disabled_light), var(--_surface-front-translucent-disabled_dark));

    --_surface-control-translucent_light: oklch(100% 0.00655 250 / 0.8);
    --_surface-control-translucent_dark: oklch(34% 0.01331 250 / 0.8);
    --_surface-control-translucent-hover_light: oklch(94.9% 0.006 250 / 0.812);
    --_surface-control-translucent-hover_dark: oklch(39.3% 0.012 250 / 0.816);
    --_surface-control-translucent-active_light: oklch(91.4% 0.006 250 / 0.82);
    --_surface-control-translucent-active_dark: oklch(44.6% 0.011 250 / 0.832);
    --_surface-control-translucent-disabled_light: oklch(91.4% 0.006 250 / 0.82);
    --_surface-control-translucent-disabled_dark: oklch(47.2% 0.011 250 / 0.84);
    --surface-control-translucent: light-dark(var(--_surface-control-translucent_light), var(--_surface-control-translucent_dark));
    --surface-control-translucent-hover: light-dark(var(--_surface-control-translucent-hover_light), var(--_surface-control-translucent-hover_dark));
    --surface-control-translucent-active: light-dark(var(--_surface-control-translucent-active_light), var(--_surface-control-translucent-active_dark));
    --surface-control-translucent-disabled: light-dark(var(--_surface-control-translucent-disabled_light), var(--_surface-control-translucent-disabled_dark));

    --_surface-control-variant-translucent_light: oklch(100% 0.00655 250 / 0.8);
    --_surface-control-variant-translucent_dark: oklch(20% 0.01331 250 / 0.8);
    --_surface-control-variant-translucent-hover_light: oklch(94.9% 0.006 250 / 0.812);
    --_surface-control-variant-translucent-hover_dark: oklch(26.4% 0.012 250 / 0.816);
    --_surface-control-variant-translucent-active_light: oklch(91.4% 0.006 250 / 0.82);
    --_surface-control-variant-translucent-active_dark: oklch(32.8% 0.011 250 / 0.832);
    --_surface-control-variant-translucent-disabled_light: oklch(91.4% 0.006 250 / 0.82);
    --_surface-control-variant-translucent-disabled_dark: oklch(36% 0.011 250 / 0.84);
    --surface-control-variant-translucent: light-dark(var(--_surface-control-variant-translucent_light), var(--_surface-control-variant-translucent_dark));
    --surface-control-variant-translucent-hover: light-dark(var(--_surface-control-variant-translucent-hover_light), var(--_surface-control-variant-translucent-hover_dark));
    --surface-control-variant-translucent-active: light-dark(var(--_surface-control-variant-translucent-active_light), var(--_surface-control-variant-translucent-active_dark));
    --surface-control-variant-translucent-disabled: light-dark(var(--_surface-control-variant-translucent-disabled_light), var(--_surface-control-variant-translucent-disabled_dark));

}

/* Brand Surfaces */

:root {
    --surface-brand-primary-minimal: var(--surface-blue-minimal);
    --surface-brand-primary-minimal-hover: var(--surface-blue-minimal-hover);
    --surface-brand-primary-minimal-active: var(--surface-blue-minimal-active);
    --text-primary-on-surface-brand-primary-minimal: var(--text-primary-on-surface-blue-minimal);
    --text-secondary-on-surface-brand-primary-minimal: var(--text-secondary-on-surface-blue-minimal);
    --text-disabled-on-surface-brand-primary-minimal: var(--text-disabled-on-surface-blue-minimal);

    --surface-brand-primary-subtle: var(--surface-blue-subtle);
    --surface-brand-primary-subtle-hover: var(--surface-blue-subtle-hover);
    --surface-brand-primary-subtle-active: var(--surface-blue-subtle-active);
    --text-primary-on-surface-brand-primary-subtle: var(--text-primary-on-surface-blue-subtle);
    --text-secondary-on-surface-brand-primary-subtle: var(--text-secondary-on-surface-blue-subtle);
    --text-disabled-on-surface-brand-primary-subtle: var(--text-disabled-on-surface-blue-subtle);

    --surface-brand-primary-moderate: var(--surface-blue-moderate);
    --surface-brand-primary-moderate-hover: var(--surface-blue-moderate-hover);
    --surface-brand-primary-moderate-active: var(--surface-blue-moderate-active);
    --text-primary-on-surface-brand-primary-moderate: var(--text-primary-on-surface-blue-moderate);
    --text-secondary-on-surface-brand-primary-moderate: var(--text-secondary-on-surface-blue-moderate);
    --text-disabled-on-surface-brand-primary-moderate: var(--text-disabled-on-surface-blue-moderate);

    --surface-brand-primary-strong: var(--surface-blue-strong);
    --surface-brand-primary-strong-hover: var(--surface-blue-strong-hover);
    --surface-brand-primary-strong-active: var(--surface-blue-strong-active);
    --text-primary-on-surface-brand-primary-strong: var(--text-primary-on-surface-blue-strong);
    --text-secondary-on-surface-brand-primary-strong: var(--text-secondary-on-surface-blue-strong);
    --text-disabled-on-surface-brand-primary-strong: var(--text-disabled-on-surface-blue-strong);

    --surface-brand-primary-contrast: var(--surface-blue-contrast);
    --surface-brand-primary-contrast-hover: var(--surface-blue-contrast-hover);
    --surface-brand-primary-contrast-active: var(--surface-blue-contrast-active);
    --text-primary-on-surface-brand-primary-contrast: var(--text-primary-on-surface-blue-contrast);
    --text-secondary-on-surface-brand-primary-contrast: var(--text-secondary-on-surface-blue-contrast);
    --text-disabled-on-surface-brand-primary-contrast: var(--text-disabled-on-surface-blue-contrast);

    --surface-brand-primary-main: var(--surface-blue-main);
    --surface-brand-primary-main-hover: var(--surface-blue-main-hover);
    --surface-brand-primary-main-active: var(--surface-blue-main-active);
    --text-primary-on-surface-brand-primary-main: var(--text-primary-on-surface-blue-main);
    --text-secondary-on-surface-brand-primary-main: var(--text-secondary-on-surface-blue-main);
    --text-disabled-on-surface-brand-primary-main: var(--text-disabled-on-surface-blue-main);

    --surface-brand-secondary-minimal: var(--surface-gray-minimal);
    --surface-brand-secondary-minimal-hover: var(--surface-gray-minimal-hover);
    --surface-brand-secondary-minimal-active: var(--surface-gray-minimal-active);
    --text-primary-on-surface-brand-secondary-minimal: var(--text-primary-on-surface-gray-minimal);
    --text-secondary-on-surface-brand-secondary-minimal: var(--text-secondary-on-surface-gray-minimal);
    --text-disabled-on-surface-brand-secondary-minimal: var(--text-disabled-on-surface-gray-minimal);

    --surface-brand-secondary-subtle: var(--surface-gray-subtle);
    --surface-brand-secondary-subtle-hover: var(--surface-gray-subtle-hover);
    --surface-brand-secondary-subtle-active: var(--surface-gray-subtle-active);
    --text-primary-on-surface-brand-secondary-subtle: var(--text-primary-on-surface-gray-subtle);
    --text-secondary-on-surface-brand-secondary-subtle: var(--text-secondary-on-surface-gray-subtle);
    --text-disabled-on-surface-brand-secondary-subtle: var(--text-disabled-on-surface-gray-subtle);

    --surface-brand-secondary-moderate: var(--surface-gray-moderate);
    --surface-brand-secondary-moderate-hover: var(--surface-gray-moderate-hover);
    --surface-brand-secondary-moderate-active: var(--surface-gray-moderate-active);
    --text-primary-on-surface-brand-secondary-moderate: var(--text-primary-on-surface-gray-moderate);
    --text-secondary-on-surface-brand-secondary-moderate: var(--text-secondary-on-surface-gray-moderate);
    --text-disabled-on-surface-brand-secondary-moderate: var(--text-disabled-on-surface-gray-moderate);

    --surface-brand-secondary-strong: var(--surface-gray-strong);
    --surface-brand-secondary-strong-hover: var(--surface-gray-strong-hover);
    --surface-brand-secondary-strong-active: var(--surface-gray-strong-active);
    --text-primary-on-surface-brand-secondary-strong: var(--text-primary-on-surface-gray-strong);
    --text-secondary-on-surface-brand-secondary-strong: var(--text-secondary-on-surface-gray-strong);
    --text-disabled-on-surface-brand-secondary-strong: var(--text-disabled-on-surface-gray-strong);

    --surface-brand-secondary-contrast: var(--surface-gray-contrast);
    --surface-brand-secondary-contrast-hover: var(--surface-gray-contrast-hover);
    --surface-brand-secondary-contrast-active: var(--surface-gray-contrast-active);
    --text-primary-on-surface-brand-secondary-contrast: var(--text-primary-on-surface-gray-contrast);
    --text-secondary-on-surface-brand-secondary-contrast: var(--text-secondary-on-surface-gray-contrast);
    --text-disabled-on-surface-brand-secondary-contrast: var(--text-disabled-on-surface-gray-contrast);

    --surface-brand-secondary-main: var(--surface-gray-main);
    --surface-brand-secondary-main-hover: var(--surface-gray-main-hover);
    --surface-brand-secondary-main-active: var(--surface-gray-main-active);
    --text-primary-on-surface-brand-secondary-main: var(--text-primary-on-surface-gray-main);
    --text-secondary-on-surface-brand-secondary-main: var(--text-secondary-on-surface-gray-main);
    --text-disabled-on-surface-brand-secondary-main: var(--text-disabled-on-surface-gray-main);

}

/* Status Surfaces */

:root {
    --surface-status-success-minimal: var(--surface-green-minimal);
    --surface-status-success-minimal-hover: var(--surface-green-minimal-hover);
    --surface-status-success-minimal-active: var(--surface-green-minimal-active);
    --text-primary-on-surface-status-success-minimal: var(--text-primary-on-surface-green-minimal);
    --text-secondary-on-surface-status-success-minimal: var(--text-secondary-on-surface-green-minimal);
    --text-disabled-on-surface-status-success-minimal: var(--text-disabled-on-surface-green-minimal);

    --surface-status-success-subtle: var(--surface-green-subtle);
    --surface-status-success-subtle-hover: var(--surface-green-subtle-hover);
    --surface-status-success-subtle-active: var(--surface-green-subtle-active);
    --text-primary-on-surface-status-success-subtle: var(--text-primary-on-surface-green-subtle);
    --text-secondary-on-surface-status-success-subtle: var(--text-secondary-on-surface-green-subtle);
    --text-disabled-on-surface-status-success-subtle: var(--text-disabled-on-surface-green-subtle);

    --surface-status-success-moderate: var(--surface-green-moderate);
    --surface-status-success-moderate-hover: var(--surface-green-moderate-hover);
    --surface-status-success-moderate-active: var(--surface-green-moderate-active);
    --text-primary-on-surface-status-success-moderate: var(--text-primary-on-surface-green-moderate);
    --text-secondary-on-surface-status-success-moderate: var(--text-secondary-on-surface-green-moderate);
    --text-disabled-on-surface-status-success-moderate: var(--text-disabled-on-surface-green-moderate);

    --surface-status-success-strong: var(--surface-green-strong);
    --surface-status-success-strong-hover: var(--surface-green-strong-hover);
    --surface-status-success-strong-active: var(--surface-green-strong-active);
    --text-primary-on-surface-status-success-strong: var(--text-primary-on-surface-green-strong);
    --text-secondary-on-surface-status-success-strong: var(--text-secondary-on-surface-green-strong);
    --text-disabled-on-surface-status-success-strong: var(--text-disabled-on-surface-green-strong);

    --surface-status-success-contrast: var(--surface-green-contrast);
    --surface-status-success-contrast-hover: var(--surface-green-contrast-hover);
    --surface-status-success-contrast-active: var(--surface-green-contrast-active);
    --text-primary-on-surface-status-success-contrast: var(--text-primary-on-surface-green-contrast);
    --text-secondary-on-surface-status-success-contrast: var(--text-secondary-on-surface-green-contrast);
    --text-disabled-on-surface-status-success-contrast: var(--text-disabled-on-surface-green-contrast);

    --surface-status-success-main: var(--surface-green-main);
    --surface-status-success-main-hover: var(--surface-green-main-hover);
    --surface-status-success-main-active: var(--surface-green-main-active);
    --text-primary-on-surface-status-success-main: var(--text-primary-on-surface-green-main);
    --text-secondary-on-surface-status-success-main: var(--text-secondary-on-surface-green-main);
    --text-disabled-on-surface-status-success-main: var(--text-disabled-on-surface-green-main);

    --surface-status-warning-minimal: var(--surface-amber-minimal);
    --surface-status-warning-minimal-hover: var(--surface-amber-minimal-hover);
    --surface-status-warning-minimal-active: var(--surface-amber-minimal-active);
    --text-primary-on-surface-status-warning-minimal: var(--text-primary-on-surface-amber-minimal);
    --text-secondary-on-surface-status-warning-minimal: var(--text-secondary-on-surface-amber-minimal);
    --text-disabled-on-surface-status-warning-minimal: var(--text-disabled-on-surface-amber-minimal);

    --surface-status-warning-subtle: var(--surface-amber-subtle);
    --surface-status-warning-subtle-hover: var(--surface-amber-subtle-hover);
    --surface-status-warning-subtle-active: var(--surface-amber-subtle-active);
    --text-primary-on-surface-status-warning-subtle: var(--text-primary-on-surface-amber-subtle);
    --text-secondary-on-surface-status-warning-subtle: var(--text-secondary-on-surface-amber-subtle);
    --text-disabled-on-surface-status-warning-subtle: var(--text-disabled-on-surface-amber-subtle);

    --surface-status-warning-moderate: var(--surface-amber-moderate);
    --surface-status-warning-moderate-hover: var(--surface-amber-moderate-hover);
    --surface-status-warning-moderate-active: var(--surface-amber-moderate-active);
    --text-primary-on-surface-status-warning-moderate: var(--text-primary-on-surface-amber-moderate);
    --text-secondary-on-surface-status-warning-moderate: var(--text-secondary-on-surface-amber-moderate);
    --text-disabled-on-surface-status-warning-moderate: var(--text-disabled-on-surface-amber-moderate);

    --surface-status-warning-strong: var(--surface-amber-strong);
    --surface-status-warning-strong-hover: var(--surface-amber-strong-hover);
    --surface-status-warning-strong-active: var(--surface-amber-strong-active);
    --text-primary-on-surface-status-warning-strong: var(--text-primary-on-surface-amber-strong);
    --text-secondary-on-surface-status-warning-strong: var(--text-secondary-on-surface-amber-strong);
    --text-disabled-on-surface-status-warning-strong: var(--text-disabled-on-surface-amber-strong);

    --surface-status-warning-contrast: var(--surface-amber-contrast);
    --surface-status-warning-contrast-hover: var(--surface-amber-contrast-hover);
    --surface-status-warning-contrast-active: var(--surface-amber-contrast-active);
    --text-primary-on-surface-status-warning-contrast: var(--text-primary-on-surface-amber-contrast);
    --text-secondary-on-surface-status-warning-contrast: var(--text-secondary-on-surface-amber-contrast);
    --text-disabled-on-surface-status-warning-contrast: var(--text-disabled-on-surface-amber-contrast);

    --surface-status-warning-main: var(--surface-amber-main);
    --surface-status-warning-main-hover: var(--surface-amber-main-hover);
    --surface-status-warning-main-active: var(--surface-amber-main-active);
    --text-primary-on-surface-status-warning-main: var(--text-primary-on-surface-amber-main);
    --text-secondary-on-surface-status-warning-main: var(--text-secondary-on-surface-amber-main);
    --text-disabled-on-surface-status-warning-main: var(--text-disabled-on-surface-amber-main);

    --surface-status-error-minimal: var(--surface-red-minimal);
    --surface-status-error-minimal-hover: var(--surface-red-minimal-hover);
    --surface-status-error-minimal-active: var(--surface-red-minimal-active);
    --text-primary-on-surface-status-error-minimal: var(--text-primary-on-surface-red-minimal);
    --text-secondary-on-surface-status-error-minimal: var(--text-secondary-on-surface-red-minimal);
    --text-disabled-on-surface-status-error-minimal: var(--text-disabled-on-surface-red-minimal);

    --surface-status-error-subtle: var(--surface-red-subtle);
    --surface-status-error-subtle-hover: var(--surface-red-subtle-hover);
    --surface-status-error-subtle-active: var(--surface-red-subtle-active);
    --text-primary-on-surface-status-error-subtle: var(--text-primary-on-surface-red-subtle);
    --text-secondary-on-surface-status-error-subtle: var(--text-secondary-on-surface-red-subtle);
    --text-disabled-on-surface-status-error-subtle: var(--text-disabled-on-surface-red-subtle);

    --surface-status-error-moderate: var(--surface-red-moderate);
    --surface-status-error-moderate-hover: var(--surface-red-moderate-hover);
    --surface-status-error-moderate-active: var(--surface-red-moderate-active);
    --text-primary-on-surface-status-error-moderate: var(--text-primary-on-surface-red-moderate);
    --text-secondary-on-surface-status-error-moderate: var(--text-secondary-on-surface-red-moderate);
    --text-disabled-on-surface-status-error-moderate: var(--text-disabled-on-surface-red-moderate);

    --surface-status-error-strong: var(--surface-red-strong);
    --surface-status-error-strong-hover: var(--surface-red-strong-hover);
    --surface-status-error-strong-active: var(--surface-red-strong-active);
    --text-primary-on-surface-status-error-strong: var(--text-primary-on-surface-red-strong);
    --text-secondary-on-surface-status-error-strong: var(--text-secondary-on-surface-red-strong);
    --text-disabled-on-surface-status-error-strong: var(--text-disabled-on-surface-red-strong);

    --surface-status-error-contrast: var(--surface-red-contrast);
    --surface-status-error-contrast-hover: var(--surface-red-contrast-hover);
    --surface-status-error-contrast-active: var(--surface-red-contrast-active);
    --text-primary-on-surface-status-error-contrast: var(--text-primary-on-surface-red-contrast);
    --text-secondary-on-surface-status-error-contrast: var(--text-secondary-on-surface-red-contrast);
    --text-disabled-on-surface-status-error-contrast: var(--text-disabled-on-surface-red-contrast);

    --surface-status-error-main: var(--surface-red-main);
    --surface-status-error-main-hover: var(--surface-red-main-hover);
    --surface-status-error-main-active: var(--surface-red-main-active);
    --text-primary-on-surface-status-error-main: var(--text-primary-on-surface-red-main);
    --text-secondary-on-surface-status-error-main: var(--text-secondary-on-surface-red-main);
    --text-disabled-on-surface-status-error-main: var(--text-disabled-on-surface-red-main);

    --surface-status-information-minimal: var(--surface-lightblue-minimal);
    --surface-status-information-minimal-hover: var(--surface-lightblue-minimal-hover);
    --surface-status-information-minimal-active: var(--surface-lightblue-minimal-active);
    --text-primary-on-surface-status-information-minimal: var(--text-primary-on-surface-lightblue-minimal);
    --text-secondary-on-surface-status-information-minimal: var(--text-secondary-on-surface-lightblue-minimal);
    --text-disabled-on-surface-status-information-minimal: var(--text-disabled-on-surface-lightblue-minimal);

    --surface-status-information-subtle: var(--surface-lightblue-subtle);
    --surface-status-information-subtle-hover: var(--surface-lightblue-subtle-hover);
    --surface-status-information-subtle-active: var(--surface-lightblue-subtle-active);
    --text-primary-on-surface-status-information-subtle: var(--text-primary-on-surface-lightblue-subtle);
    --text-secondary-on-surface-status-information-subtle: var(--text-secondary-on-surface-lightblue-subtle);
    --text-disabled-on-surface-status-information-subtle: var(--text-disabled-on-surface-lightblue-subtle);

    --surface-status-information-moderate: var(--surface-lightblue-moderate);
    --surface-status-information-moderate-hover: var(--surface-lightblue-moderate-hover);
    --surface-status-information-moderate-active: var(--surface-lightblue-moderate-active);
    --text-primary-on-surface-status-information-moderate: var(--text-primary-on-surface-lightblue-moderate);
    --text-secondary-on-surface-status-information-moderate: var(--text-secondary-on-surface-lightblue-moderate);
    --text-disabled-on-surface-status-information-moderate: var(--text-disabled-on-surface-lightblue-moderate);

    --surface-status-information-strong: var(--surface-lightblue-strong);
    --surface-status-information-strong-hover: var(--surface-lightblue-strong-hover);
    --surface-status-information-strong-active: var(--surface-lightblue-strong-active);
    --text-primary-on-surface-status-information-strong: var(--text-primary-on-surface-lightblue-strong);
    --text-secondary-on-surface-status-information-strong: var(--text-secondary-on-surface-lightblue-strong);
    --text-disabled-on-surface-status-information-strong: var(--text-disabled-on-surface-lightblue-strong);

    --surface-status-information-contrast: var(--surface-lightblue-contrast);
    --surface-status-information-contrast-hover: var(--surface-lightblue-contrast-hover);
    --surface-status-information-contrast-active: var(--surface-lightblue-contrast-active);
    --text-primary-on-surface-status-information-contrast: var(--text-primary-on-surface-lightblue-contrast);
    --text-secondary-on-surface-status-information-contrast: var(--text-secondary-on-surface-lightblue-contrast);
    --text-disabled-on-surface-status-information-contrast: var(--text-disabled-on-surface-lightblue-contrast);

    --surface-status-information-main: var(--surface-lightblue-main);
    --surface-status-information-main-hover: var(--surface-lightblue-main-hover);
    --surface-status-information-main-active: var(--surface-lightblue-main-active);
    --text-primary-on-surface-status-information-main: var(--text-primary-on-surface-lightblue-main);
    --text-secondary-on-surface-status-information-main: var(--text-secondary-on-surface-lightblue-main);
    --text-disabled-on-surface-status-information-main: var(--text-disabled-on-surface-lightblue-main);

}

/* Rights Surfaces */

:root {
    --surface-rights-required-minimal: var(--surface-yellow-minimal);
    --surface-rights-required-minimal-hover: var(--surface-yellow-minimal-hover);
    --surface-rights-required-minimal-active: var(--surface-yellow-minimal-active);
    --text-primary-on-surface-rights-required-minimal: var(--text-primary-on-surface-yellow-minimal);
    --text-secondary-on-surface-rights-required-minimal: var(--text-secondary-on-surface-yellow-minimal);
    --text-disabled-on-surface-rights-required-minimal: var(--text-disabled-on-surface-yellow-minimal);

    --surface-rights-required-subtle: var(--surface-yellow-subtle);
    --surface-rights-required-subtle-hover: var(--surface-yellow-subtle-hover);
    --surface-rights-required-subtle-active: var(--surface-yellow-subtle-active);
    --text-primary-on-surface-rights-required-subtle: var(--text-primary-on-surface-yellow-subtle);
    --text-secondary-on-surface-rights-required-subtle: var(--text-secondary-on-surface-yellow-subtle);
    --text-disabled-on-surface-rights-required-subtle: var(--text-disabled-on-surface-yellow-subtle);

    --surface-rights-required-moderate: var(--surface-yellow-moderate);
    --surface-rights-required-moderate-hover: var(--surface-yellow-moderate-hover);
    --surface-rights-required-moderate-active: var(--surface-yellow-moderate-active);
    --text-primary-on-surface-rights-required-moderate: var(--text-primary-on-surface-yellow-moderate);
    --text-secondary-on-surface-rights-required-moderate: var(--text-secondary-on-surface-yellow-moderate);
    --text-disabled-on-surface-rights-required-moderate: var(--text-disabled-on-surface-yellow-moderate);

    --surface-rights-required-strong: var(--surface-yellow-strong);
    --surface-rights-required-strong-hover: var(--surface-yellow-strong-hover);
    --surface-rights-required-strong-active: var(--surface-yellow-strong-active);
    --text-primary-on-surface-rights-required-strong: var(--text-primary-on-surface-yellow-strong);
    --text-secondary-on-surface-rights-required-strong: var(--text-secondary-on-surface-yellow-strong);
    --text-disabled-on-surface-rights-required-strong: var(--text-disabled-on-surface-yellow-strong);

    --surface-rights-required-contrast: var(--surface-yellow-contrast);
    --surface-rights-required-contrast-hover: var(--surface-yellow-contrast-hover);
    --surface-rights-required-contrast-active: var(--surface-yellow-contrast-active);
    --text-primary-on-surface-rights-required-contrast: var(--text-primary-on-surface-yellow-contrast);
    --text-secondary-on-surface-rights-required-contrast: var(--text-secondary-on-surface-yellow-contrast);
    --text-disabled-on-surface-rights-required-contrast: var(--text-disabled-on-surface-yellow-contrast);

    --surface-rights-required-main: var(--surface-yellow-main);
    --surface-rights-required-main-hover: var(--surface-yellow-main-hover);
    --surface-rights-required-main-active: var(--surface-yellow-main-active);
    --text-primary-on-surface-rights-required-main: var(--text-primary-on-surface-yellow-main);
    --text-secondary-on-surface-rights-required-main: var(--text-secondary-on-surface-yellow-main);
    --text-disabled-on-surface-rights-required-main: var(--text-disabled-on-surface-yellow-main);

    --surface-rights-postponed-required-minimal: var(--surface-orange-minimal);
    --surface-rights-postponed-required-minimal-hover: var(--surface-orange-minimal-hover);
    --surface-rights-postponed-required-minimal-active: var(--surface-orange-minimal-active);
    --text-primary-on-surface-rights-postponed-required-minimal: var(--text-primary-on-surface-orange-minimal);
    --text-secondary-on-surface-rights-postponed-required-minimal: var(--text-secondary-on-surface-orange-minimal);
    --text-disabled-on-surface-rights-postponed-required-minimal: var(--text-disabled-on-surface-orange-minimal);

    --surface-rights-postponed-required-subtle: var(--surface-orange-subtle);
    --surface-rights-postponed-required-subtle-hover: var(--surface-orange-subtle-hover);
    --surface-rights-postponed-required-subtle-active: var(--surface-orange-subtle-active);
    --text-primary-on-surface-rights-postponed-required-subtle: var(--text-primary-on-surface-orange-subtle);
    --text-secondary-on-surface-rights-postponed-required-subtle: var(--text-secondary-on-surface-orange-subtle);
    --text-disabled-on-surface-rights-postponed-required-subtle: var(--text-disabled-on-surface-orange-subtle);

    --surface-rights-postponed-required-moderate: var(--surface-orange-moderate);
    --surface-rights-postponed-required-moderate-hover: var(--surface-orange-moderate-hover);
    --surface-rights-postponed-required-moderate-active: var(--surface-orange-moderate-active);
    --text-primary-on-surface-rights-postponed-required-moderate: var(--text-primary-on-surface-orange-moderate);
    --text-secondary-on-surface-rights-postponed-required-moderate: var(--text-secondary-on-surface-orange-moderate);
    --text-disabled-on-surface-rights-postponed-required-moderate: var(--text-disabled-on-surface-orange-moderate);

    --surface-rights-postponed-required-strong: var(--surface-orange-strong);
    --surface-rights-postponed-required-strong-hover: var(--surface-orange-strong-hover);
    --surface-rights-postponed-required-strong-active: var(--surface-orange-strong-active);
    --text-primary-on-surface-rights-postponed-required-strong: var(--text-primary-on-surface-orange-strong);
    --text-secondary-on-surface-rights-postponed-required-strong: var(--text-secondary-on-surface-orange-strong);
    --text-disabled-on-surface-rights-postponed-required-strong: var(--text-disabled-on-surface-orange-strong);

    --surface-rights-postponed-required-contrast: var(--surface-orange-contrast);
    --surface-rights-postponed-required-contrast-hover: var(--surface-orange-contrast-hover);
    --surface-rights-postponed-required-contrast-active: var(--surface-orange-contrast-active);
    --text-primary-on-surface-rights-postponed-required-contrast: var(--text-primary-on-surface-orange-contrast);
    --text-secondary-on-surface-rights-postponed-required-contrast: var(--text-secondary-on-surface-orange-contrast);
    --text-disabled-on-surface-rights-postponed-required-contrast: var(--text-disabled-on-surface-orange-contrast);

    --surface-rights-postponed-required-main: var(--surface-orange-main);
    --surface-rights-postponed-required-main-hover: var(--surface-orange-main-hover);
    --surface-rights-postponed-required-main-active: var(--surface-orange-main-active);
    --text-primary-on-surface-rights-postponed-required-main: var(--text-primary-on-surface-orange-main);
    --text-secondary-on-surface-rights-postponed-required-main: var(--text-secondary-on-surface-orange-main);
    --text-disabled-on-surface-rights-postponed-required-main: var(--text-disabled-on-surface-orange-main);

    --surface-rights-recommended-minimal: var(--surface-aqua-minimal);
    --surface-rights-recommended-minimal-hover: var(--surface-aqua-minimal-hover);
    --surface-rights-recommended-minimal-active: var(--surface-aqua-minimal-active);
    --text-primary-on-surface-rights-recommended-minimal: var(--text-primary-on-surface-aqua-minimal);
    --text-secondary-on-surface-rights-recommended-minimal: var(--text-secondary-on-surface-aqua-minimal);
    --text-disabled-on-surface-rights-recommended-minimal: var(--text-disabled-on-surface-aqua-minimal);

    --surface-rights-recommended-subtle: var(--surface-aqua-subtle);
    --surface-rights-recommended-subtle-hover: var(--surface-aqua-subtle-hover);
    --surface-rights-recommended-subtle-active: var(--surface-aqua-subtle-active);
    --text-primary-on-surface-rights-recommended-subtle: var(--text-primary-on-surface-aqua-subtle);
    --text-secondary-on-surface-rights-recommended-subtle: var(--text-secondary-on-surface-aqua-subtle);
    --text-disabled-on-surface-rights-recommended-subtle: var(--text-disabled-on-surface-aqua-subtle);

    --surface-rights-recommended-moderate: var(--surface-aqua-moderate);
    --surface-rights-recommended-moderate-hover: var(--surface-aqua-moderate-hover);
    --surface-rights-recommended-moderate-active: var(--surface-aqua-moderate-active);
    --text-primary-on-surface-rights-recommended-moderate: var(--text-primary-on-surface-aqua-moderate);
    --text-secondary-on-surface-rights-recommended-moderate: var(--text-secondary-on-surface-aqua-moderate);
    --text-disabled-on-surface-rights-recommended-moderate: var(--text-disabled-on-surface-aqua-moderate);

    --surface-rights-recommended-strong: var(--surface-aqua-strong);
    --surface-rights-recommended-strong-hover: var(--surface-aqua-strong-hover);
    --surface-rights-recommended-strong-active: var(--surface-aqua-strong-active);
    --text-primary-on-surface-rights-recommended-strong: var(--text-primary-on-surface-aqua-strong);
    --text-secondary-on-surface-rights-recommended-strong: var(--text-secondary-on-surface-aqua-strong);
    --text-disabled-on-surface-rights-recommended-strong: var(--text-disabled-on-surface-aqua-strong);

    --surface-rights-recommended-contrast: var(--surface-aqua-contrast);
    --surface-rights-recommended-contrast-hover: var(--surface-aqua-contrast-hover);
    --surface-rights-recommended-contrast-active: var(--surface-aqua-contrast-active);
    --text-primary-on-surface-rights-recommended-contrast: var(--text-primary-on-surface-aqua-contrast);
    --text-secondary-on-surface-rights-recommended-contrast: var(--text-secondary-on-surface-aqua-contrast);
    --text-disabled-on-surface-rights-recommended-contrast: var(--text-disabled-on-surface-aqua-contrast);

    --surface-rights-recommended-main: var(--surface-aqua-main);
    --surface-rights-recommended-main-hover: var(--surface-aqua-main-hover);
    --surface-rights-recommended-main-active: var(--surface-aqua-main-active);
    --text-primary-on-surface-rights-recommended-main: var(--text-primary-on-surface-aqua-main);
    --text-secondary-on-surface-rights-recommended-main: var(--text-secondary-on-surface-aqua-main);
    --text-disabled-on-surface-rights-recommended-main: var(--text-disabled-on-surface-aqua-main);

}

/* Borders */

:root {
    --_border-minimal_light: oklch(20% 0.1 250 / 0.04);
    --_border-minimal_dark: oklch(80% 0.03 250 / 0.08);
    --border-minimal: light-dark(var(--_border-minimal_light), var(--_border-minimal_dark));

    --border-minimal-inverted_light: oklch(80% 0.03 250 / 0.08);
    --border-minimal-inverted_dark: oklch(20% 0.1 250 / 0.04);
    --border-minimal-inverted: light-dark(var(--border-minimal-inverted_light), var(--border-minimal-inverted_dark));

    --_border-subtle_light: oklch(20% 0.1 250 / 0.1);
    --_border-subtle_dark: oklch(80% 0.03 250 / 0.12);
    --border-subtle: light-dark(var(--_border-subtle_light), var(--_border-subtle_dark));

    --border-subtle-inverted_light: oklch(80% 0.03 250 / 0.12);
    --border-subtle-inverted_dark: oklch(20% 0.1 250 / 0.1);
    --border-subtle-inverted: light-dark(var(--border-subtle-inverted_light), var(--border-subtle-inverted_dark));

    --_border_light: oklch(20% 0.1 250 / 0.2);
    --_border_dark: oklch(80% 0.03 250 / 0.24);
    --border: light-dark(var(--_border_light), var(--_border_dark));

    --border-inverted_light: oklch(80% 0.03 250 / 0.24);
    --border-inverted_dark: oklch(20% 0.1 250 / 0.2);
    --border-inverted: light-dark(var(--border-inverted_light), var(--border-inverted_dark));

    --_border-strong_light: oklch(20% 0.1 250 / 0.3);
    --_border-strong_dark: oklch(80% 0.03 250 / 0.32);
    --border-strong: light-dark(var(--_border-strong_light), var(--_border-strong_dark));

    --border-strong-inverted_light: oklch(80% 0.03 250 / 0.32);
    --border-strong-inverted_dark: oklch(20% 0.1 250 / 0.3);
    --border-strong-inverted: light-dark(var(--border-strong-inverted_light), var(--border-strong-inverted_dark));

    --_border-contrast_light: oklch(20% 0.1 250 / 0.5);
    --_border-contrast_dark: oklch(80% 0.03 250 / 0.54);
    --border-contrast: light-dark(var(--_border-contrast_light), var(--_border-contrast_dark));

    --border-contrast-inverted_light: oklch(80% 0.03 250 / 0.54);
    --border-contrast-inverted_dark: oklch(20% 0.1 250 / 0.5);
    --border-contrast-inverted: light-dark(var(--border-contrast-inverted_light), var(--border-contrast-inverted_dark));

    --_border-shiny_light: oklch(100% 0 250 / 0.36);
    --_border-shiny_dark: oklch(100% 0 250 / 0.08);
    --border-shiny: light-dark(var(--_border-shiny_light), var(--_border-shiny_dark));

    --border-shiny-inverted_light: oklch(100% 0 250 / 0.08);
    --border-shiny-inverted_dark: oklch(100% 0 250 / 0.36);
    --border-shiny-inverted: light-dark(var(--border-shiny-inverted_light), var(--border-shiny-inverted_dark));

    --_border-variant_light: oklch(20% 0.1 250 / 0.2);
    --_border-variant_dark: oklch(20% 0.03 250 / 0.9);
    --border-variant: light-dark(var(--_border-variant_light), var(--_border-variant_dark));

    --border-variant-inverted_light: oklch(20% 0.03 250 / 0.9);
    --border-variant-inverted_dark: oklch(20% 0.1 250 / 0.2);
    --border-variant-inverted: light-dark(var(--border-variant-inverted_light), var(--border-variant-inverted_dark));

}

/* Elevation */

:root {
    --_elevation-subtle-color-1: light-dark(oklch(0.1 0.04 250 / 0.06), oklch(0 0.04 250 / 0.06));
    --_elevation-subtle-color-2: light-dark(oklch(0.1 0.04 250 / 0.04), oklch(0 0.04 250 / 0.04));
    --elevation-subtle: 0 1px 1px var(--_elevation-subtle-color-1), 0 1px 2px var(--_elevation-subtle-color-2);
    --_elevation-color-1: light-dark(oklch(0.1 0.04 250 / 0.1), oklch(0 0.04 250 / 0.1));
    --_elevation-color-2: light-dark(oklch(0.1 0.04 250 / 0.08), oklch(0 0.04 250 / 0.08));
    --elevation: 0 1px 2px var(--_elevation-color-1), 0 3px 5px -1px var(--_elevation-color-2);
    --_elevation-strong-color-1: light-dark(oklch(0.1 0.04 250 / 0.16), oklch(0 0.04 250 / 0.16));
    --_elevation-strong-color-2: light-dark(oklch(0.1 0.04 250 / 0.28), oklch(0 0.04 250 / 0.28));
    --elevation-strong: 0 8px 24px var(--_elevation-strong-color-1), 0 8px 24px -3px var(--_elevation-strong-color-2);
    --_elevation-extreme-color-1: light-dark(oklch(0.1 0.04 250 / 0.2), oklch(0 0.04 250 / 0.2));
    --_elevation-extreme-color-2: light-dark(oklch(0.1 0.04 250 / 0.32), oklch(0 0.04 250 / 0.32));
    --elevation-extreme: 0 20px 48px var(--_elevation-extreme-color-1), 0 20px 48px -5px var(--_elevation-extreme-color-2);
}

/* Embossment */

:root {
    --_embossment-color-1: light-dark(oklch(0.1 0.04 250 / 0.1), oklch(0 0.04 250 / 0.1));
    --embossment: inset 0 2px 3px -1px var(--_embossment-color-1);
}

/* Palette Glow */

:root {

    --_glow-pink-color-1: light-dark(oklch(0.8 0.14 0 / 0.24), oklch(0.54 0.2 0 / 0.36));
    --_glow-pink-color-2: light-dark(oklch(0.8 0.14 0 / 0.4), oklch(0.54 0.2 0 / 0.6));
    --glow-pink: 0 4px 6px var(--_glow-pink-color-1), 0 4px 6px -2px var(--_glow-pink-color-2);

    --_glow-pink-strong-color-1: light-dark(oklch(0.8 0.14 0 / 0.32), oklch(0.54 0.2 0 / 0.48));
    --_glow-pink-strong-color-2: light-dark(oklch(0.8 0.14 0 / 0.56), oklch(0.54 0.2 0 / 0.84));
    --glow-pink-strong: 0 8px 24px var(--_glow-pink-strong-color-1), 0 8px 24px -3px var(--_glow-pink-strong-color-2);

    --_glow-pink-up-color-1: light-dark(oklch(0.8 0.14 0 / 1), oklch(0.54 0.2 0 / 1));
    --glow-pink-up: 0 -3px 4px -1px var(--_glow-pink-up-color-1);

    --_glow-fuchsia-color-1: light-dark(oklch(0.8 0.14 325 / 0.24), oklch(0.54 0.2 325 / 0.36));
    --_glow-fuchsia-color-2: light-dark(oklch(0.8 0.14 325 / 0.4), oklch(0.54 0.2 325 / 0.6));
    --glow-fuchsia: 0 4px 6px var(--_glow-fuchsia-color-1), 0 4px 6px -2px var(--_glow-fuchsia-color-2);

    --_glow-fuchsia-strong-color-1: light-dark(oklch(0.8 0.14 325 / 0.32), oklch(0.54 0.2 325 / 0.48));
    --_glow-fuchsia-strong-color-2: light-dark(oklch(0.8 0.14 325 / 0.56), oklch(0.54 0.2 325 / 0.84));
    --glow-fuchsia-strong: 0 8px 24px var(--_glow-fuchsia-strong-color-1), 0 8px 24px -3px var(--_glow-fuchsia-strong-color-2);

    --_glow-fuchsia-up-color-1: light-dark(oklch(0.8 0.14 325 / 1), oklch(0.54 0.2 325 / 1));
    --glow-fuchsia-up: 0 -3px 4px -1px var(--_glow-fuchsia-up-color-1);

    --_glow-deeppurple-color-1: light-dark(oklch(0.8 0.14 298 / 0.24), oklch(0.54 0.2 298 / 0.36));
    --_glow-deeppurple-color-2: light-dark(oklch(0.8 0.14 298 / 0.4), oklch(0.54 0.2 298 / 0.6));
    --glow-deeppurple: 0 4px 6px var(--_glow-deeppurple-color-1), 0 4px 6px -2px var(--_glow-deeppurple-color-2);

    --_glow-deeppurple-strong-color-1: light-dark(oklch(0.8 0.14 298 / 0.32), oklch(0.54 0.2 298 / 0.48));
    --_glow-deeppurple-strong-color-2: light-dark(oklch(0.8 0.14 298 / 0.56), oklch(0.54 0.2 298 / 0.84));
    --glow-deeppurple-strong: 0 8px 24px var(--_glow-deeppurple-strong-color-1), 0 8px 24px -3px var(--_glow-deeppurple-strong-color-2);

    --_glow-deeppurple-up-color-1: light-dark(oklch(0.8 0.14 298 / 1), oklch(0.54 0.2 298 / 1));
    --glow-deeppurple-up: 0 -3px 4px -1px var(--_glow-deeppurple-up-color-1);

    --_glow-navy-color-1: light-dark(oklch(0.8 0.14 266 / 0.24), oklch(0.54 0.2 266 / 0.36));
    --_glow-navy-color-2: light-dark(oklch(0.8 0.14 266 / 0.4), oklch(0.54 0.2 266 / 0.6));
    --glow-navy: 0 4px 6px var(--_glow-navy-color-1), 0 4px 6px -2px var(--_glow-navy-color-2);

    --_glow-navy-strong-color-1: light-dark(oklch(0.8 0.14 266 / 0.32), oklch(0.54 0.2 266 / 0.48));
    --_glow-navy-strong-color-2: light-dark(oklch(0.8 0.14 266 / 0.56), oklch(0.54 0.2 266 / 0.84));
    --glow-navy-strong: 0 8px 24px var(--_glow-navy-strong-color-1), 0 8px 24px -3px var(--_glow-navy-strong-color-2);

    --_glow-navy-up-color-1: light-dark(oklch(0.8 0.14 266 / 1), oklch(0.54 0.2 266 / 1));
    --glow-navy-up: 0 -3px 4px -1px var(--_glow-navy-up-color-1);

    --_glow-blue-color-1: light-dark(oklch(0.8 0.14 250 / 0.24), oklch(0.54 0.2 250 / 0.36));
    --_glow-blue-color-2: light-dark(oklch(0.8 0.14 250 / 0.4), oklch(0.54 0.2 250 / 0.6));
    --glow-blue: 0 4px 6px var(--_glow-blue-color-1), 0 4px 6px -2px var(--_glow-blue-color-2);

    --_glow-blue-strong-color-1: light-dark(oklch(0.8 0.14 250 / 0.32), oklch(0.54 0.2 250 / 0.48));
    --_glow-blue-strong-color-2: light-dark(oklch(0.8 0.14 250 / 0.56), oklch(0.54 0.2 250 / 0.84));
    --glow-blue-strong: 0 8px 24px var(--_glow-blue-strong-color-1), 0 8px 24px -3px var(--_glow-blue-strong-color-2);

    --_glow-blue-up-color-1: light-dark(oklch(0.8 0.14 250 / 1), oklch(0.54 0.2 250 / 1));
    --glow-blue-up: 0 -3px 4px -1px var(--_glow-blue-up-color-1);

    --_glow-lightblue-color-1: light-dark(oklch(0.8 0.14 230 / 0.24), oklch(0.54 0.2 230 / 0.36));
    --_glow-lightblue-color-2: light-dark(oklch(0.8 0.14 230 / 0.4), oklch(0.54 0.2 230 / 0.6));
    --glow-lightblue: 0 4px 6px var(--_glow-lightblue-color-1), 0 4px 6px -2px var(--_glow-lightblue-color-2);

    --_glow-lightblue-strong-color-1: light-dark(oklch(0.8 0.14 230 / 0.32), oklch(0.54 0.2 230 / 0.48));
    --_glow-lightblue-strong-color-2: light-dark(oklch(0.8 0.14 230 / 0.56), oklch(0.54 0.2 230 / 0.84));
    --glow-lightblue-strong: 0 8px 24px var(--_glow-lightblue-strong-color-1), 0 8px 24px -3px var(--_glow-lightblue-strong-color-2);

    --_glow-lightblue-up-color-1: light-dark(oklch(0.8 0.14 230 / 1), oklch(0.54 0.2 230 / 1));
    --glow-lightblue-up: 0 -3px 4px -1px var(--_glow-lightblue-up-color-1);

    --_glow-aqua-color-1: light-dark(oklch(0.8 0.14 205 / 0.24), oklch(0.54 0.2 205 / 0.36));
    --_glow-aqua-color-2: light-dark(oklch(0.8 0.14 205 / 0.4), oklch(0.54 0.2 205 / 0.6));
    --glow-aqua: 0 4px 6px var(--_glow-aqua-color-1), 0 4px 6px -2px var(--_glow-aqua-color-2);

    --_glow-aqua-strong-color-1: light-dark(oklch(0.8 0.14 205 / 0.32), oklch(0.54 0.2 205 / 0.48));
    --_glow-aqua-strong-color-2: light-dark(oklch(0.8 0.14 205 / 0.56), oklch(0.54 0.2 205 / 0.84));
    --glow-aqua-strong: 0 8px 24px var(--_glow-aqua-strong-color-1), 0 8px 24px -3px var(--_glow-aqua-strong-color-2);

    --_glow-aqua-up-color-1: light-dark(oklch(0.8 0.14 205 / 1), oklch(0.54 0.2 205 / 1));
    --glow-aqua-up: 0 -3px 4px -1px var(--_glow-aqua-up-color-1);

    --_glow-teal-color-1: light-dark(oklch(0.8 0.14 175 / 0.24), oklch(0.54 0.2 175 / 0.36));
    --_glow-teal-color-2: light-dark(oklch(0.8 0.14 175 / 0.4), oklch(0.54 0.2 175 / 0.6));
    --glow-teal: 0 4px 6px var(--_glow-teal-color-1), 0 4px 6px -2px var(--_glow-teal-color-2);

    --_glow-teal-strong-color-1: light-dark(oklch(0.8 0.14 175 / 0.32), oklch(0.54 0.2 175 / 0.48));
    --_glow-teal-strong-color-2: light-dark(oklch(0.8 0.14 175 / 0.56), oklch(0.54 0.2 175 / 0.84));
    --glow-teal-strong: 0 8px 24px var(--_glow-teal-strong-color-1), 0 8px 24px -3px var(--_glow-teal-strong-color-2);

    --_glow-teal-up-color-1: light-dark(oklch(0.8 0.14 175 / 1), oklch(0.54 0.2 175 / 1));
    --glow-teal-up: 0 -3px 4px -1px var(--_glow-teal-up-color-1);

    --_glow-green-color-1: light-dark(oklch(0.8 0.14 146 / 0.24), oklch(0.54 0.2 146 / 0.36));
    --_glow-green-color-2: light-dark(oklch(0.8 0.14 146 / 0.4), oklch(0.54 0.2 146 / 0.6));
    --glow-green: 0 4px 6px var(--_glow-green-color-1), 0 4px 6px -2px var(--_glow-green-color-2);

    --_glow-green-strong-color-1: light-dark(oklch(0.8 0.14 146 / 0.32), oklch(0.54 0.2 146 / 0.48));
    --_glow-green-strong-color-2: light-dark(oklch(0.8 0.14 146 / 0.56), oklch(0.54 0.2 146 / 0.84));
    --glow-green-strong: 0 8px 24px var(--_glow-green-strong-color-1), 0 8px 24px -3px var(--_glow-green-strong-color-2);

    --_glow-green-up-color-1: light-dark(oklch(0.8 0.14 146 / 1), oklch(0.54 0.2 146 / 1));
    --glow-green-up: 0 -3px 4px -1px var(--_glow-green-up-color-1);

    --_glow-lightgreen-color-1: light-dark(oklch(0.8 0.14 135 / 0.24), oklch(0.54 0.2 135 / 0.36));
    --_glow-lightgreen-color-2: light-dark(oklch(0.8 0.14 135 / 0.4), oklch(0.54 0.2 135 / 0.6));
    --glow-lightgreen: 0 4px 6px var(--_glow-lightgreen-color-1), 0 4px 6px -2px var(--_glow-lightgreen-color-2);

    --_glow-lightgreen-strong-color-1: light-dark(oklch(0.8 0.14 135 / 0.32), oklch(0.54 0.2 135 / 0.48));
    --_glow-lightgreen-strong-color-2: light-dark(oklch(0.8 0.14 135 / 0.56), oklch(0.54 0.2 135 / 0.84));
    --glow-lightgreen-strong: 0 8px 24px var(--_glow-lightgreen-strong-color-1), 0 8px 24px -3px var(--_glow-lightgreen-strong-color-2);

    --_glow-lightgreen-up-color-1: light-dark(oklch(0.8 0.14 135 / 1), oklch(0.54 0.2 135 / 1));
    --glow-lightgreen-up: 0 -3px 4px -1px var(--_glow-lightgreen-up-color-1);

    --_glow-lime-color-1: light-dark(oklch(0.8 0.14 128 / 0.24), oklch(0.54 0.2 128 / 0.36));
    --_glow-lime-color-2: light-dark(oklch(0.8 0.14 128 / 0.4), oklch(0.54 0.2 128 / 0.6));
    --glow-lime: 0 4px 6px var(--_glow-lime-color-1), 0 4px 6px -2px var(--_glow-lime-color-2);

    --_glow-lime-strong-color-1: light-dark(oklch(0.8 0.14 128 / 0.32), oklch(0.54 0.2 128 / 0.48));
    --_glow-lime-strong-color-2: light-dark(oklch(0.8 0.14 128 / 0.56), oklch(0.54 0.2 128 / 0.84));
    --glow-lime-strong: 0 8px 24px var(--_glow-lime-strong-color-1), 0 8px 24px -3px var(--_glow-lime-strong-color-2);

    --_glow-lime-up-color-1: light-dark(oklch(0.8 0.14 128 / 1), oklch(0.54 0.2 128 / 1));
    --glow-lime-up: 0 -3px 4px -1px var(--_glow-lime-up-color-1);

    --_glow-yellow-color-1: light-dark(oklch(0.8 0.14 99 / 0.24), oklch(0.54 0.2 99 / 0.36));
    --_glow-yellow-color-2: light-dark(oklch(0.8 0.14 99 / 0.4), oklch(0.54 0.2 99 / 0.6));
    --glow-yellow: 0 4px 6px var(--_glow-yellow-color-1), 0 4px 6px -2px var(--_glow-yellow-color-2);

    --_glow-yellow-strong-color-1: light-dark(oklch(0.8 0.14 99 / 0.32), oklch(0.54 0.2 99 / 0.48));
    --_glow-yellow-strong-color-2: light-dark(oklch(0.8 0.14 99 / 0.56), oklch(0.54 0.2 99 / 0.84));
    --glow-yellow-strong: 0 8px 24px var(--_glow-yellow-strong-color-1), 0 8px 24px -3px var(--_glow-yellow-strong-color-2);

    --_glow-yellow-up-color-1: light-dark(oklch(0.8 0.14 99 / 1), oklch(0.54 0.2 99 / 1));
    --glow-yellow-up: 0 -3px 4px -1px var(--_glow-yellow-up-color-1);

    --_glow-amber-color-1: light-dark(oklch(0.8 0.14 82 / 0.24), oklch(0.54 0.2 82 / 0.36));
    --_glow-amber-color-2: light-dark(oklch(0.8 0.14 82 / 0.4), oklch(0.54 0.2 82 / 0.6));
    --glow-amber: 0 4px 6px var(--_glow-amber-color-1), 0 4px 6px -2px var(--_glow-amber-color-2);

    --_glow-amber-strong-color-1: light-dark(oklch(0.8 0.14 82 / 0.32), oklch(0.54 0.2 82 / 0.48));
    --_glow-amber-strong-color-2: light-dark(oklch(0.8 0.14 82 / 0.56), oklch(0.54 0.2 82 / 0.84));
    --glow-amber-strong: 0 8px 24px var(--_glow-amber-strong-color-1), 0 8px 24px -3px var(--_glow-amber-strong-color-2);

    --_glow-amber-up-color-1: light-dark(oklch(0.8 0.14 82 / 1), oklch(0.54 0.2 82 / 1));
    --glow-amber-up: 0 -3px 4px -1px var(--_glow-amber-up-color-1);

    --_glow-orange-color-1: light-dark(oklch(0.8 0.14 62 / 0.24), oklch(0.54 0.2 62 / 0.36));
    --_glow-orange-color-2: light-dark(oklch(0.8 0.14 62 / 0.4), oklch(0.54 0.2 62 / 0.6));
    --glow-orange: 0 4px 6px var(--_glow-orange-color-1), 0 4px 6px -2px var(--_glow-orange-color-2);

    --_glow-orange-strong-color-1: light-dark(oklch(0.8 0.14 62 / 0.32), oklch(0.54 0.2 62 / 0.48));
    --_glow-orange-strong-color-2: light-dark(oklch(0.8 0.14 62 / 0.56), oklch(0.54 0.2 62 / 0.84));
    --glow-orange-strong: 0 8px 24px var(--_glow-orange-strong-color-1), 0 8px 24px -3px var(--_glow-orange-strong-color-2);

    --_glow-orange-up-color-1: light-dark(oklch(0.8 0.14 62 / 1), oklch(0.54 0.2 62 / 1));
    --glow-orange-up: 0 -3px 4px -1px var(--_glow-orange-up-color-1);

    --_glow-deeporange-color-1: light-dark(oklch(0.8 0.14 45 / 0.24), oklch(0.54 0.2 45 / 0.36));
    --_glow-deeporange-color-2: light-dark(oklch(0.8 0.14 45 / 0.4), oklch(0.54 0.2 45 / 0.6));
    --glow-deeporange: 0 4px 6px var(--_glow-deeporange-color-1), 0 4px 6px -2px var(--_glow-deeporange-color-2);

    --_glow-deeporange-strong-color-1: light-dark(oklch(0.8 0.14 45 / 0.32), oklch(0.54 0.2 45 / 0.48));
    --_glow-deeporange-strong-color-2: light-dark(oklch(0.8 0.14 45 / 0.56), oklch(0.54 0.2 45 / 0.84));
    --glow-deeporange-strong: 0 8px 24px var(--_glow-deeporange-strong-color-1), 0 8px 24px -3px var(--_glow-deeporange-strong-color-2);

    --_glow-deeporange-up-color-1: light-dark(oklch(0.8 0.14 45 / 1), oklch(0.54 0.2 45 / 1));
    --glow-deeporange-up: 0 -3px 4px -1px var(--_glow-deeporange-up-color-1);

    --_glow-red-color-1: light-dark(oklch(0.8 0.14 28 / 0.24), oklch(0.54 0.2 28 / 0.36));
    --_glow-red-color-2: light-dark(oklch(0.8 0.14 28 / 0.4), oklch(0.54 0.2 28 / 0.6));
    --glow-red: 0 4px 6px var(--_glow-red-color-1), 0 4px 6px -2px var(--_glow-red-color-2);

    --_glow-red-strong-color-1: light-dark(oklch(0.8 0.14 28 / 0.32), oklch(0.54 0.2 28 / 0.48));
    --_glow-red-strong-color-2: light-dark(oklch(0.8 0.14 28 / 0.56), oklch(0.54 0.2 28 / 0.84));
    --glow-red-strong: 0 8px 24px var(--_glow-red-strong-color-1), 0 8px 24px -3px var(--_glow-red-strong-color-2);

    --_glow-red-up-color-1: light-dark(oklch(0.8 0.14 28 / 1), oklch(0.54 0.2 28 / 1));
    --glow-red-up: 0 -3px 4px -1px var(--_glow-red-up-color-1);

    --_glow-brown-color-1: light-dark(oklch(0.8 0.03 50 / 0.24), oklch(0.54 0.03 50 / 0.36));
    --_glow-brown-color-2: light-dark(oklch(0.8 0.03 50 / 0.4), oklch(0.54 0.03 50 / 0.6));
    --glow-brown: 0 4px 6px var(--_glow-brown-color-1), 0 4px 6px -2px var(--_glow-brown-color-2);

    --_glow-brown-strong-color-1: light-dark(oklch(0.8 0.03 50 / 0.32), oklch(0.54 0.03 50 / 0.48));
    --_glow-brown-strong-color-2: light-dark(oklch(0.8 0.03 50 / 0.56), oklch(0.54 0.03 50 / 0.84));
    --glow-brown-strong: 0 8px 24px var(--_glow-brown-strong-color-1), 0 8px 24px -3px var(--_glow-brown-strong-color-2);

    --_glow-brown-up-color-1: light-dark(oklch(0.8 0.03 50 / 1), oklch(0.54 0.03 50 / 1));
    --glow-brown-up: 0 -3px 4px -1px var(--_glow-brown-up-color-1);

    --_glow-gray-color-1: light-dark(oklch(0.8 0 0 / 0.24), oklch(0.54 0 0 / 0.36));
    --_glow-gray-color-2: light-dark(oklch(0.8 0 0 / 0.4), oklch(0.54 0 0 / 0.6));
    --glow-gray: 0 4px 6px var(--_glow-gray-color-1), 0 4px 6px -2px var(--_glow-gray-color-2);

    --_glow-gray-strong-color-1: light-dark(oklch(0.8 0 0 / 0.32), oklch(0.54 0 0 / 0.48));
    --_glow-gray-strong-color-2: light-dark(oklch(0.8 0 0 / 0.56), oklch(0.54 0 0 / 0.84));
    --glow-gray-strong: 0 8px 24px var(--_glow-gray-strong-color-1), 0 8px 24px -3px var(--_glow-gray-strong-color-2);

    --_glow-gray-up-color-1: light-dark(oklch(0.8 0 0 / 1), oklch(0.54 0 0 / 1));
    --glow-gray-up: 0 -3px 4px -1px var(--_glow-gray-up-color-1);

    --_glow-silver-color-1: light-dark(oklch(0.88 0 0 / 0.24), oklch(0.72 0 0 / 0.36));
    --_glow-silver-color-2: light-dark(oklch(0.88 0 0 / 0.4), oklch(0.72 0 0 / 0.6));
    --glow-silver: 0 4px 6px var(--_glow-silver-color-1), 0 4px 6px -2px var(--_glow-silver-color-2);

    --_glow-silver-strong-color-1: light-dark(oklch(0.88 0 0 / 0.32), oklch(0.72 0 0 / 0.48));
    --_glow-silver-strong-color-2: light-dark(oklch(0.88 0 0 / 0.56), oklch(0.72 0 0 / 0.84));
    --glow-silver-strong: 0 8px 24px var(--_glow-silver-strong-color-1), 0 8px 24px -3px var(--_glow-silver-strong-color-2);

    --_glow-silver-up-color-1: light-dark(oklch(0.88 0 0 / 1), oklch(0.72 0 0 / 1));
    --glow-silver-up: 0 -3px 4px -1px var(--_glow-silver-up-color-1);

    --_glow-black-color-1: light-dark(oklch(0.65 0 0 / 0.24), oklch(0.32 0 0 / 0.36));
    --_glow-black-color-2: light-dark(oklch(0.65 0 0 / 0.4), oklch(0.32 0 0 / 0.6));
    --glow-black: 0 4px 6px var(--_glow-black-color-1), 0 4px 6px -2px var(--_glow-black-color-2);

    --_glow-black-strong-color-1: light-dark(oklch(0.65 0 0 / 0.32), oklch(0.32 0 0 / 0.48));
    --_glow-black-strong-color-2: light-dark(oklch(0.65 0 0 / 0.56), oklch(0.32 0 0 / 0.84));
    --glow-black-strong: 0 8px 24px var(--_glow-black-strong-color-1), 0 8px 24px -3px var(--_glow-black-strong-color-2);

    --_glow-black-up-color-1: light-dark(oklch(0.65 0 0 / 1), oklch(0.32 0 0 / 1));
    --glow-black-up: 0 -3px 4px -1px var(--_glow-black-up-color-1);

}

/* Brand Glow */

:root {
    --glow-brand-primary: var(--glow-blue);
    --glow-brand-primary-strong: var(--glow-blue-strong);
    --glow-brand-primary-up: var(--glow-blue-up);
    --glow-brand-secondary: var(--glow-gray);
    --glow-brand-secondary-strong: var(--glow-gray-strong);
    --glow-brand-secondary-up: var(--glow-gray-up);
}

/* Status Glow */

:root {
    --glow-status-success: var(--glow-green);
    --glow-status-success-strong: var(--glow-green-strong);
    --glow-status-success-up: var(--glow-green-up);
    --glow-status-warning: var(--glow-amber);
    --glow-status-warning-strong: var(--glow-amber-strong);
    --glow-status-warning-up: var(--glow-amber-up);
    --glow-status-error: var(--glow-red);
    --glow-status-error-strong: var(--glow-red-strong);
    --glow-status-error-up: var(--glow-red-up);
    --glow-status-information: var(--glow-lightblue);
    --glow-status-information-strong: var(--glow-lightblue-strong);
    --glow-status-information-up: var(--glow-lightblue-up);
}

/* Rights Glow */

:root {
    --glow-rights-required: var(--glow-yellow);
    --glow-rights-required-strong: var(--glow-yellow-strong);
    --glow-rights-required-up: var(--glow-yellow-up);
    --glow-rights-postponed-required: var(--glow-orange);
    --glow-rights-postponed-required-strong: var(--glow-orange-strong);
    --glow-rights-postponed-required-up: var(--glow-orange-up);
    --glow-rights-recommended: var(--glow-aqua);
    --glow-rights-recommended-strong: var(--glow-aqua-strong);
    --glow-rights-recommended-up: var(--glow-aqua-up);
}

/* Text Colors */

:root {
    --_text-pink_light: oklch(52% 0.22 0);
    --_text-pink_dark: oklch(82% 0.2 0);
    --text-pink: light-dark(var(--_text-pink_light), var(--_text-pink_dark));

    --_text-pink-variant_light: oklch(61% 0.22 0);
    --_text-pink-variant_dark: oklch(69% 0.2 0);
    --text-pink-variant: light-dark(var(--_text-pink-variant_light), var(--_text-pink-variant_dark));

    --_text-fuchsia_light: oklch(51% 0.2 325);
    --_text-fuchsia_dark: oklch(79% 0.18 325);
    --text-fuchsia: light-dark(var(--_text-fuchsia_light), var(--_text-fuchsia_dark));

    --_text-fuchsia-variant_light: oklch(61% 0.2 325);
    --_text-fuchsia-variant_dark: oklch(68% 0.18 325);
    --text-fuchsia-variant: light-dark(var(--_text-fuchsia-variant_light), var(--_text-fuchsia-variant_dark));

    --_text-deeppurple_light: oklch(50% 0.19 298);
    --_text-deeppurple_dark: oklch(79% 0.17 298);
    --text-deeppurple: light-dark(var(--_text-deeppurple_light), var(--_text-deeppurple_dark));

    --_text-deeppurple-variant_light: oklch(60% 0.19 298);
    --_text-deeppurple-variant_dark: oklch(68% 0.17 298);
    --text-deeppurple-variant: light-dark(var(--_text-deeppurple-variant_light), var(--_text-deeppurple-variant_dark));

    --_text-navy_light: oklch(40% 0.16 266);
    --_text-navy_dark: oklch(77% 0.14 266);
    --text-navy: light-dark(var(--_text-navy_light), var(--_text-navy_dark));

    --_text-navy-variant_light: oklch(55% 0.16 266);
    --_text-navy-variant_dark: oklch(67% 0.14 266);
    --text-navy-variant: light-dark(var(--_text-navy-variant_light), var(--_text-navy-variant_dark));

    --_text-blue_light: oklch(49% 0.2 250);
    --_text-blue_dark: oklch(77% 0.18 250);
    --text-blue: light-dark(var(--_text-blue_light), var(--_text-blue_dark));

    --_text-blue-variant_light: oklch(59% 0.2 250);
    --_text-blue-variant_dark: oklch(66% 0.18 250);
    --text-blue-variant: light-dark(var(--_text-blue-variant_light), var(--_text-blue-variant_dark));

    --_text-lightblue_light: oklch(48% 0.19 230);
    --_text-lightblue_dark: oklch(81% 0.17 230);
    --text-lightblue: light-dark(var(--_text-lightblue_light), var(--_text-lightblue_dark));

    --_text-lightblue-variant_light: oklch(58% 0.19 230);
    --_text-lightblue-variant_dark: oklch(65% 0.17 230);
    --text-lightblue-variant: light-dark(var(--_text-lightblue-variant_light), var(--_text-lightblue-variant_dark));

    --_text-aqua_light: oklch(47% 0.18 205);
    --_text-aqua_dark: oklch(77% 0.16 205);
    --text-aqua: light-dark(var(--_text-aqua_light), var(--_text-aqua_dark));

    --_text-aqua-variant_light: oklch(57% 0.18 205);
    --_text-aqua-variant_dark: oklch(64% 0.16 205);
    --text-aqua-variant: light-dark(var(--_text-aqua-variant_light), var(--_text-aqua-variant_dark));

    --_text-teal_light: oklch(47% 0.12 175);
    --_text-teal_dark: oklch(76% 0.12 175);
    --text-teal: light-dark(var(--_text-teal_light), var(--_text-teal_dark));

    --_text-teal-variant_light: oklch(57% 0.12 175);
    --_text-teal-variant_dark: oklch(65% 0.12 175);
    --text-teal-variant: light-dark(var(--_text-teal-variant_light), var(--_text-teal-variant_dark));

    --_text-green_light: oklch(47% 0.22 146);
    --_text-green_dark: oklch(75% 0.2 146);
    --text-green: light-dark(var(--_text-green_light), var(--_text-green_dark));

    --_text-green-variant_light: oklch(56% 0.22 146);
    --_text-green-variant_dark: oklch(64% 0.2 146);
    --text-green-variant: light-dark(var(--_text-green-variant_light), var(--_text-green-variant_dark));

    --_text-lightgreen_light: oklch(47% 0.17 135);
    --_text-lightgreen_dark: oklch(84% 0.15 135);
    --text-lightgreen: light-dark(var(--_text-lightgreen_light), var(--_text-lightgreen_dark));

    --_text-lightgreen-variant_light: oklch(57% 0.17 135);
    --_text-lightgreen-variant_dark: oklch(65% 0.15 135);
    --text-lightgreen-variant: light-dark(var(--_text-lightgreen-variant_light), var(--_text-lightgreen-variant_dark));

    --_text-lime_light: oklch(48% 0.16 128);
    --_text-lime_dark: oklch(76% 0.14 128);
    --text-lime: light-dark(var(--_text-lime_light), var(--_text-lime_dark));

    --_text-lime-variant_light: oklch(57% 0.16 128);
    --_text-lime-variant_dark: oklch(65% 0.14 128);
    --text-lime-variant: light-dark(var(--_text-lime-variant_light), var(--_text-lime-variant_dark));

    --_text-yellow_light: oklch(49% 0.18 99);
    --_text-yellow_dark: oklch(91% 0.16 99);
    --text-yellow: light-dark(var(--_text-yellow_light), var(--_text-yellow_dark));

    --_text-yellow-variant_light: oklch(58% 0.18 99);
    --_text-yellow-variant_dark: oklch(71% 0.16 99);
    --text-yellow-variant: light-dark(var(--_text-yellow-variant_light), var(--_text-yellow-variant_dark));

    --_text-amber_light: oklch(49% 0.17 82);
    --_text-amber_dark: oklch(84% 0.15 82);
    --text-amber: light-dark(var(--_text-amber_light), var(--_text-amber_dark));

    --_text-amber-variant_light: oklch(59% 0.17 82);
    --_text-amber-variant_dark: oklch(67% 0.15 82);
    --text-amber-variant: light-dark(var(--_text-amber-variant_light), var(--_text-amber-variant_dark));

    --_text-orange_light: oklch(50% 0.16 62);
    --_text-orange_dark: oklch(78% 0.14 62);
    --text-orange: light-dark(var(--_text-orange_light), var(--_text-orange_dark));

    --_text-orange-variant_light: oklch(60% 0.16 62);
    --_text-orange-variant_dark: oklch(67% 0.14 62);
    --text-orange-variant: light-dark(var(--_text-orange-variant_light), var(--_text-orange-variant_dark));

    --_text-deeporange_light: oklch(51% 0.22 45);
    --_text-deeporange_dark: oklch(79% 0.2 45);
    --text-deeporange: light-dark(var(--_text-deeporange_light), var(--_text-deeporange_dark));

    --_text-deeporange-variant_light: oklch(61% 0.22 45);
    --_text-deeporange-variant_dark: oklch(68% 0.2 45);
    --text-deeporange-variant: light-dark(var(--_text-deeporange-variant_light), var(--_text-deeporange-variant_dark));

    --_text-red_light: oklch(51% 0.22 28);
    --_text-red_dark: oklch(79% 0.2 28);
    --text-red: light-dark(var(--_text-red_light), var(--_text-red_dark));

    --_text-red-variant_light: oklch(61% 0.22 28);
    --_text-red-variant_dark: oklch(68% 0.2 28);
    --text-red-variant: light-dark(var(--_text-red-variant_light), var(--_text-red-variant_dark));

    --_text-brown_light: oklch(42% 0.07 50);
    --_text-brown_dark: oklch(78% 0.07 50);
    --text-brown: light-dark(var(--_text-brown_light), var(--_text-brown_dark));

    --_text-brown-variant_light: oklch(57% 0.07 50);
    --_text-brown-variant_dark: oklch(67% 0.07 50);
    --text-brown-variant: light-dark(var(--_text-brown-variant_light), var(--_text-brown-variant_dark));

    --_text-gray_light: oklch(45% 0 0);
    --_text-gray_dark: oklch(77% 0 0);
    --text-gray: light-dark(var(--_text-gray_light), var(--_text-gray_dark));

    --_text-gray-variant_light: oklch(58% 0 0);
    --_text-gray-variant_dark: oklch(66% 0 0);
    --text-gray-variant: light-dark(var(--_text-gray-variant_light), var(--_text-gray-variant_dark));

    --_text-silver_light: oklch(49% 0 0);
    --_text-silver_dark: oklch(78% 0 0);
    --text-silver: light-dark(var(--_text-silver_light), var(--_text-silver_dark));

    --_text-silver-variant_light: oklch(58% 0 0);
    --_text-silver-variant_dark: oklch(66% 0 0);
    --text-silver-variant: light-dark(var(--_text-silver-variant_light), var(--_text-silver-variant_dark));

    --_text-black_light: oklch(1% 0 0);
    --_text-black_dark: oklch(77% 0 0);
    --text-black: light-dark(var(--_text-black_light), var(--_text-black_dark));

    --_text-black-variant_light: oklch(16% 0 0);
    --_text-black-variant_dark: oklch(66% 0 0);
    --text-black-variant: light-dark(var(--_text-black-variant_light), var(--_text-black-variant_dark));

}

/* Neutral Text Colors */

:root {
    --_text-primary_light: oklch(2% 0 250);
    --_text-primary_dark: oklch(98% 0 250);
    --text-primary: light-dark(var(--_text-primary_light), var(--_text-primary_dark));

    --_text-primary-variant_light: oklch(35% 0 250);
    --_text-primary-variant_dark: oklch(85% 0 250);
    --text-primary-variant: light-dark(var(--_text-primary-variant_light), var(--_text-primary-variant_dark));

    --_text-secondary_light: oklch(49% 0 250);
    --_text-secondary_dark: oklch(77% 0 250);
    --text-secondary: light-dark(var(--_text-secondary_light), var(--_text-secondary_dark));

    --_text-secondary-variant_light: oklch(60% 0 250);
    --_text-secondary-variant_dark: oklch(66% 0 250);
    --text-secondary-variant: light-dark(var(--_text-secondary-variant_light), var(--_text-secondary-variant_dark));

    --_text-disabled_light: oklch(69% 0 250);
    --_text-disabled_dark: oklch(56% 0 250);
    --text-disabled: light-dark(var(--_text-disabled_light), var(--_text-disabled_dark));

    --_text-disabled-variant_light: oklch(69% 0 250);
    --_text-disabled-variant_dark: oklch(56% 0 250);
    --text-disabled-variant: light-dark(var(--_text-disabled-variant_light), var(--_text-disabled-variant_dark));

}

/* Brand Text Colors */

:root {
    --text-brand-primary: var(--text-blue);
    --text-brand-primary-variant: var(--text-blue-variant);
    --text-brand-secondary: var(--text-gray);
    --text-brand-secondary-variant: var(--text-gray-variant);
}

/* Status Text Colors */

:root {
    --text-status-success: var(--text-green);
    --text-status-success-variant: var(--text-green-variant);
    --text-status-warning: var(--text-amber);
    --text-status-warning-variant: var(--text-amber-variant);
    --text-status-error: var(--text-red);
    --text-status-error-variant: var(--text-red-variant);
    --text-status-information: var(--text-lightblue);
    --text-status-information-variant: var(--text-lightblue-variant);
}

/* Rights Text Colors */

:root {
    --text-rights-required: var(--text-yellow);
    --text-rights-required-variant: var(--text-yellow-variant);
    --text-rights-postponed-required: var(--text-orange);
    --text-rights-postponed-required-variant: var(--text-orange-variant);
    --text-rights-recommended: var(--text-aqua);
    --text-rights-recommended-variant: var(--text-aqua-variant);
}

/* Overlays */

:root {
    --_overlay-subtle_light: oklch(20% 0.1 250 / 0.2);
    --_overlay-subtle_dark: oklch(80% 0.03 250 / 0.15);
    --overlay-subtle: light-dark(var(--_overlay-subtle_light), var(--_overlay-subtle_dark));

    --_overlay_light: oklch(20% 0.1 250 / 0.4);
    --_overlay_dark: oklch(80% 0.03 250 / 0.3);
    --overlay: light-dark(var(--_overlay_light), var(--_overlay_dark));

    --_overlay-strong_light: oklch(20% 0.1 250 / 0.6);
    --_overlay-strong_dark: oklch(80% 0.03 250 / 0.5);
    --overlay-strong: light-dark(var(--_overlay-strong_light), var(--_overlay-strong_dark));

}

/* Spacing */

:root {
    --base: 8px;
    --base-2: 16px;
    --base-3: 24px;
    --base-4: 32px;
    --base-5: 40px;
    --base-6: 48px;
    --base-7: 56px;
    --base-8: 64px;
    --base-9: 72px;
    --base-10: 80px;
    --base-h: 4px;
    --base-1h: 12px;
    --base-2h: 20px;
}

/* Radius */

:root {
    --radius-subtle: 4px;
    --radius: 6px;
    --radius-strong: 12px;
    --radius-circle: 10000px;
}

/* Font Sizes */

:root {
    --font-size-xs: 10px;
    --font-size-s: 12px;
    --font-size-base: 13px;
    --font-size-l: 16px;
    --font-size-xl: 19px;
    --font-size-xxl: 22px;
    --font-size-xxxl: 27px;
    --font-size-xxxxl: 32px;
}

/* Fonts Rules */

/* Roboto Flex
   License: This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
   LicenseURL: https://scripts.sil.org/OFL
   Designer: Berlow after Robertson
   DesignerURL: Google.com
   Manufacturer: Google
   Copyright: Copyright 2017 The Roboto Flex Project Authors (https://github.com/TypeNetwork/Roboto-Flex)
*/
@font-face {
    font-family: "roboto-flex:main";
    src: url('../fonts/roboto-flex.woff2') format('woff2') tech(variations);
    font-weight: 100 1000;
    font-style: normal;
    font-variation-settings: var(--font-axes-main);
    font-feature-settings: var(--font-features-main);
}

/* Roboto Flex
   License: This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is available with a FAQ at: http://scripts.sil.org/OFL
   LicenseURL: https://scripts.sil.org/OFL
   Designer: Berlow after Robertson
   DesignerURL: Google.com
   Manufacturer: Google
   Copyright: Copyright 2017 The Roboto Flex Project Authors (https://github.com/TypeNetwork/Roboto-Flex)
*/
@font-face {
    font-family: "roboto-flex:headings";
    src: url('../fonts/roboto-flex.woff2') format('woff2') tech(variations);
    font-weight: 100 1000;
    font-style: normal;
    font-variation-settings: var(--font-axes-headings);
    font-feature-settings: var(--font-features-headings);
}

/* Roboto Mono
   License: Licensed under the Apache License, Version 2.0
   LicenseURL: http://www.apache.org/licenses/LICENSE-2.0
   Designer: Google
   DesignerURL: Christian Robertson
   Copyright: Copyright 2015 The Roboto Mono Project Authors (https://github.com/googlefonts/robotomono)
*/
@font-face {
    font-family: "roboto-mono:monospace";
    src: url('../fonts/roboto-mono.woff2') format('woff2') tech(variations);
    font-weight: 100 700;
    font-style: normal;
    font-variation-settings: var(--font-axes-monospace);
    font-feature-settings: var(--font-features-monospace);
}

/* Typography */

:root {
    /* Main */
    --font-family-main: "roboto-flex:main";
    --font-stack-main: var(--font-family-main), systemi-ui, sans-serif;
    --font-axis-main-opsz: 14;
    --font-axis-main-grad: 0;
    --font-axis-main-wdth: 100;
    --font-axis-main-slnt: 0;
    --font-axis-main-xopq: 96;
    --font-axis-main-yopq: 79;
    --font-axis-main-xtra: 468;
    --font-axis-main-ytuc: 712;
    --font-axis-main-ytlc: 514;
    --font-axis-main-ytas: 750;
    --font-axis-main-ytde: -203;
    --font-axis-main-ytfi: 738;
    --font-axes-main: "opsz" var(--font-axis-main-opsz), "GRAD" var(--font-axis-main-grad), "wdth" var(--font-axis-main-wdth), "slnt" var(--font-axis-main-slnt), "XOPQ" var(--font-axis-main-xopq), "YOPQ" var(--font-axis-main-yopq), "XTRA" var(--font-axis-main-xtra), "YTUC" var(--font-axis-main-ytuc), "YTLC" var(--font-axis-main-ytlc), "YTAS" var(--font-axis-main-ytas), "YTDE" var(--font-axis-main-ytde), "YTFI" var(--font-axis-main-ytfi);
    --font-features-main: initial;
    --font-weight-main: 400;
    --font-weight-main-thin: 200;
    --font-weight-main-light: 300;
    --font-weight-main-medium: 500;
    --font-weight-main-bold: 700;

    /* Headings */
    --font-family-headings: "roboto-flex:headings";
    --font-stack-headings: var(--font-family-headings), systemi-ui, sans-serif;
    --font-axis-headings-opsz: 14;
    --font-axis-headings-grad: 50;
    --font-axis-headings-wdth: 50;
    --font-axis-headings-slnt: 0;
    --font-axis-headings-xopq: 90;
    --font-axis-headings-yopq: 79;
    --font-axis-headings-xtra: 540;
    --font-axis-headings-ytuc: 650;
    --font-axis-headings-ytlc: 520;
    --font-axis-headings-ytas: 700;
    --font-axis-headings-ytde: -203;
    --font-axis-headings-ytfi: 738;
    --font-axes-headings: "opsz" var(--font-axis-headings-opsz), "GRAD" var(--font-axis-headings-grad), "wdth" var(--font-axis-headings-wdth), "slnt" var(--font-axis-headings-slnt), "XOPQ" var(--font-axis-headings-xopq), "YOPQ" var(--font-axis-headings-yopq), "XTRA" var(--font-axis-headings-xtra), "YTUC" var(--font-axis-headings-ytuc), "YTLC" var(--font-axis-headings-ytlc), "YTAS" var(--font-axis-headings-ytas), "YTDE" var(--font-axis-headings-ytde), "YTFI" var(--font-axis-headings-ytfi);
    --font-features-headings: initial;
    --font-weight-headings: 700;
    --font-weight-headings-thin: 500;
    --font-weight-headings-light: 600;
    --font-weight-headings-medium: 800;
    --font-weight-headings-bold: 1000;

    /* Monospace */
    --font-family-monospace: "roboto-mono:monospace";
    --font-stack-monospace: var(--font-family-monospace), monospace-ui, monospace;
    --font-axes-monospace: initial;
    --font-features-monospace: initial;
    --font-weight-monospace: 400;
    --font-weight-monospace-thin: 200;
    --font-weight-monospace-light: 300;
    --font-weight-monospace-medium: 500;
    --font-weight-monospace-bold: 700;
}