@media (prefers-color-scheme: light) { :root {--color-primary: oklch(49% 0.0833 var(--color-primary-hue)); --color-on-primary: oklch(100% 0 var(--color-primary-hue)); --color-primary-container: oklch(91% 0.0431 var(--color-primary-hue)); --color-on-primary-container: oklch(40% 0.0680 var(--color-primary-hue)); --color-secondary: oklch(49% 0.0338 var(--color-primary-hue)); --color-on-secondary: oklch(100% 0 var(--color-primary-hue)); --color-secondary-container: oklch(91% 0.0338 var(--color-primary-hue)); --color-on-secondary-container: oklch(40% 0.0338 var(--color-primary-hue)); --color-tertiary: oklch(49% 0.0833 var(--color-tertiary-hue)); --color-on-tertiary: oklch(100% 0 var(--color-primary-hue)); --color-tertiary-container: oklch(91% 0.0431 var(--color-tertiary-hue)); --color-on-tertiary-container: oklch(40% 0.0680 var(--color-tertiary-hue)); --color-error: oklch(49% 0.1996 var(--color-primary-hue)); --color-on-error: oklch(100% 0 var(--color-primary-hue)); --color-error-container: oklch(91% 0.0462 var(--color-primary-hue)); --color-on-error-container: oklch(40% 0.1626 var(--color-primary-hue)); --color-surface: oklch(98% 0.0075 var(--color-primary-hue)); --color-on-surface: oklch(23% 0.0075 var(--color-primary-hue)); --color-surface-variant: oklch(91% 0.0150 var(--color-primary-hue)); --color-on-surface-variant: oklch(40% 0.0150 var(--color-primary-hue)); --color-surface-container-highest: oklch(91% 0.0075 var(--color-primary-hue)); --color-surface-container-high: oklch(93% 0.0075 var(--color-primary-hue)); --color-surface-container: oklch(95% 0.0075 var(--color-primary-hue)); --color-surface-container-low: oklch(97% 0.0075 var(--color-primary-hue)); --color-surface-container-lowest: oklch(100% 0 var(--color-primary-hue)); --color-inverse-surface: oklch(32% 0.0075 var(--color-primary-hue)); --color-inverse-on-surface: oklch(96% 0.0075 var(--color-primary-hue)); --color-surface-tint: oklch(49% 0.0833 var(--color-primary-hue)); --color-surface-tint-color: oklch(49% 0.0833 var(--color-primary-hue)); --color-outline: oklch(58% 0.0150 var(--color-primary-hue)); --color-outline-variant: oklch(83% 0.0150 var(--color-primary-hue)); --color-primary-fixed: oklch(91% 0.0431 var(--color-primary-hue)); --color-on-primary-fixed: oklch(23% 0.0391 var(--color-primary-hue)); --color-primary-fixed-dim: oklch(83% 0.0841 var(--color-primary-hue)); --color-on-primary-fixed-variant: oklch(40% 0.0680 var(--color-primary-hue)); --color-inverse-primary: oklch(83% 0.0841 var(--color-primary-hue)); --color-secondary-fixed: oklch(91% 0.0338 var(--color-primary-hue)); --color-on-secondary-fixed: oklch(23% 0.0338 var(--color-primary-hue)); --color-secondary-fixed-dim: oklch(83% 0.0338 var(--color-primary-hue)); --color-on-secondary-fixed-variant: oklch(40% 0.0338 var(--color-primary-hue)); --color-tertiary-fixed: oklch(91% 0.0431 var(--color-tertiary-hue)); --color-on-tertiary-fixed: oklch(23% 0.0391 var(--color-tertiary-hue)); --color-tertiary-fixed-dim: oklch(83% 0.0841 var(--color-tertiary-hue)); --color-on-tertiary-fixed-variant: oklch(40% 0.0680 var(--color-tertiary-hue)); --color-background: oklch(98% 0.0075 var(--color-primary-hue)); --color-on-background: oklch(23% 0.0075 var(--color-primary-hue)); --color-surface-bright: oklch(98% 0.0075 var(--color-primary-hue)); --color-surface-dim: oklch(89% 0.0075 var(--color-primary-hue)); --color-scrim: oklch(0% 0 var(--color-primary-hue)); --color-shadow: oklch(0% 0 var(--color-primary-hue)); --color-primary-hue: 200; --color-tertiary-hue: 260;}}@media (prefers-color-scheme: dark) {:root {--color-primary: oklch(83% 0.0841 var(--color-primary-hue)); --color-on-primary: oklch(32% 0.0544 var(--color-primary-hue)); --color-primary-container: oklch(40% 0.0680 var(--color-primary-hue)); --color-on-primary-container: oklch(91% 0.0431 var(--color-primary-hue)); --color-secondary: oklch(83% 0.0338 var(--color-primary-hue)); --color-on-secondary: oklch(32% 0.0338 var(--color-primary-hue)); --color-secondary-container: oklch(40% 0.0338 var(--color-primary-hue)); --color-on-secondary-container: oklch(91% 0.0338 var(--color-primary-hue)); --color-tertiary: oklch(83% 0.0841 var(--color-tertiary-hue)); --color-on-tertiary: oklch(32% 0.0544 var(--color-tertiary-hue)); --color-tertiary-container: oklch(40% 0.0680 var(--color-tertiary-hue)); --color-on-tertiary-container: oklch(91% 0.0431 var(--color-tertiary-hue)); --color-error: oklch(83% 0.0941 var(--color-primary-hue)); --color-on-error: oklch(32% 0.1300 var(--color-primary-hue)); --color-error-container: oklch(40% 0.1626 var(--color-primary-hue)); --color-on-error-container: oklch(91% 0.0462 var(--color-primary-hue)); --color-surface: oklch(19% 0.0075 var(--color-primary-hue)); --color-on-surface: oklch(91% 0.0075 var(--color-primary-hue)); --color-surface-variant: oklch(40% 0.0150 var(--color-primary-hue)); --color-on-surface-variant: oklch(83% 0.0150 var(--color-primary-hue)); --color-surface-container-highest: oklch(33% 0.0075 var(--color-primary-hue)); --color-surface-container-high: oklch(29% 0.0075 var(--color-primary-hue)); --color-surface-container: oklch(24% 0.0075 var(--color-primary-hue)); --color-surface-container-low: oklch(23% 0.0075 var(--color-primary-hue)); --color-surface-container-lowest: oklch(16% 0.0075 var(--color-primary-hue)); --color-inverse-surface: oklch(91% 0.0075 var(--color-primary-hue)); --color-inverse-on-surface: oklch(32% 0.0075 var(--color-primary-hue)); --color-surface-tint: oklch(83% 0.0841 var(--color-primary-hue)); --color-surface-tint-color: oklch(83% 0.0841 var(--color-primary-hue)); --color-outline: oklch(66% 0.0150 var(--color-primary-hue)); --color-outline-variant: oklch(40% 0.0150 var(--color-primary-hue)); --color-primary-fixed: oklch(91% 0.0431 var(--color-primary-hue)); --color-on-primary-fixed: oklch(23% 0.0391 var(--color-primary-hue)); --color-primary-fixed-dim: oklch(83% 0.0841 var(--color-primary-hue)); --color-on-primary-fixed-variant: oklch(40% 0.0680 var(--color-primary-hue)); --color-inverse-primary: oklch(49% 0.0833 var(--color-primary-hue)); --color-secondary-fixed: oklch(91% 0.0338 var(--color-primary-hue)); --color-on-secondary-fixed: oklch(23% 0.0338 var(--color-primary-hue)); --color-secondary-fixed-dim: oklch(83% 0.0338 var(--color-primary-hue)); --color-on-secondary-fixed-variant: oklch(40% 0.0338 var(--color-primary-hue)); --color-tertiary-fixed: oklch(91% 0.0431 var(--color-tertiary-hue)); --color-on-tertiary-fixed: oklch(23% 0.0391 var(--color-tertiary-hue)); --color-tertiary-fixed-dim: oklch(83% 0.0841 var(--color-tertiary-hue)); --color-on-tertiary-fixed-variant: oklch(40% 0.0680 var(--color-tertiary-hue)); --color-background: oklch(19% 0.0075 var(--color-primary-hue)); --color-on-background: oklch(91% 0.0075 var(--color-primary-hue)); --color-surface-bright: oklch(35% 0.0075 var(--color-primary-hue)); --color-surface-dim: oklch(19% 0.0075 var(--color-primary-hue)); --color-scrim: oklch(0% 0 var(--color-primary-hue)); --color-shadow: oklch(0% 0 var(--color-primary-hue)); --color-primary-hue: 200; --color-tertiary-hue: 260;}}