@a-type/ui 5.0.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/css/main.css +1 -1
  2. package/dist/esm/uno/preflights/mode.js +0 -2
  3. package/dist/esm/uno/preflights/mode.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/uno/preflights/mode.ts +0 -2
package/dist/css/main.css CHANGED
@@ -2,7 +2,7 @@
2
2
  @layer preflightBase{*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}@layer preflightBase{::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}}
3
3
  :root { --u-font-sans: "Inter", sans-serif; --u-font-serif: "Domine", serif; --u-font-title: "Inter", sans-serif; --u-font-default: var(--u-font-sans, sans-serif); --z-now-playing: 40; --z-nav: 50; --z-menu: 100; --z-backdrop: 900; --z-dialog: 1000; --z-tooltip: 10000; --z-overdraw: 100000; --un-shadow-color: #000000; --un-shadow-opacity: 10%; --t-arrow-size: 1rem; } @layer preflightBase { html, body { margin: 0; padding: 0; font-family: var(--u-font-default, sans-serif); font-size: 16px; min-height: 100%; --webkit-font-smoothing: antialiased; } body { overflow: overlay; } #main { isolation: isolate; } a { color: inherit; text-decoration: none; } * { box-sizing: border-box; -webkit-tap-highlight-color: transparent; border-style: solid; border-width: 0; } }
4
4
  .palette-primary, .theme-primary { --p-name: primary; --p-main-hue: var(--u-c-primary-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-primary { --u-c-primary-hue: var(--u-c-primary-hue); --u-c-accent-hue: var(--u-c-primary-accent-hue); } .palette-accent, .theme-accent { --p-name: accent; --p-main-hue: var(--u-c-accent-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-accent { --u-c-primary-hue: var(--u-c-accent-hue); --u-c-accent-hue: var(--u-c-accent-accent-hue); } .palette-lemon, .theme-lemon { --p-name: lemon; --p-main-hue: var(--u-c-lemon-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-lemon { --u-c-primary-hue: var(--u-c-lemon-hue); --u-c-accent-hue: var(--u-c-lemon-accent-hue); } .palette-leek, .theme-leek { --p-name: leek; --p-main-hue: var(--u-c-leek-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-leek { --u-c-primary-hue: var(--u-c-leek-hue); --u-c-accent-hue: var(--u-c-leek-accent-hue); } .palette-tomato, .theme-tomato { --p-name: tomato; --p-main-hue: var(--u-c-tomato-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-tomato { --u-c-primary-hue: var(--u-c-tomato-hue); --u-c-accent-hue: var(--u-c-tomato-accent-hue); } .palette-blueberry, .theme-blueberry { --p-name: blueberry; --p-main-hue: var(--u-c-blueberry-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-blueberry { --u-c-primary-hue: var(--u-c-blueberry-hue); --u-c-accent-hue: var(--u-c-blueberry-accent-hue); } .palette-eggplant, .theme-eggplant { --p-name: eggplant; --p-main-hue: var(--u-c-eggplant-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-eggplant { --u-c-primary-hue: var(--u-c-eggplant-hue); --u-c-accent-hue: var(--u-c-eggplant-accent-hue); } .palette-attention, .theme-attention { --p-name: attention; --p-main-hue: var(--u-c-attention-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-attention { --u-c-primary-hue: var(--u-c-attention-hue); --u-c-accent-hue: var(--u-c-attention-accent-hue); } .palette-success, .theme-success { --p-name: success; --p-main-hue: var(--u-c-success-hue); --p-saturation: 1; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-success { --u-c-primary-hue: var(--u-c-success-hue); --u-c-accent-hue: var(--u-c-success-accent-hue); } .palette-main { --p-saturation: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .palette-gray, .theme-gray { --p-name: gray; --p-saturation: 0.15; --p-lightness-spread: 1; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-gray { --u-c-primary-hue: var(--u-c-gray-hue); --u-c-accent-hue: var(--u-c-gray-accent-hue); } .palette-high-contrast, .theme-high-contrast { --p-name: high-contrast; --p-saturation: 0.04; --p-lightness-spread: 10; --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .theme-high-contrast { --u-c-primary-hue: var(--u-c-high-contrast-hue); --u-c-accent-hue: var(--u-c-high-contrast-accent-hue); } body { --p-name: 'primary'; --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); color: var(--v-c-i); background-color: var(--v-bg-l); --p-main-hue: var(--u-c-primary-hue); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } @property --v-c { syntax: "*"; inherits: false; } @property --v-c-i { syntax: "*"; inherits: true; } @property --v-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bg { syntax: "*"; inherits: false; } @property --v-bg-l { syntax: "*"; inherits: true; } @property --v-bg-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-c { syntax: "*"; inherits: false; } @property --v-bd-c-i { syntax: "*"; inherits: true; } @property --v-bd-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-t-c { syntax: "*"; inherits: false; } @property --v-bd-t-c-i { syntax: "*"; inherits: true; } @property --v-bd-t-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-r-c { syntax: "*"; inherits: false; } @property --v-bd-r-c-i { syntax: "*"; inherits: true; } @property --v-bd-r-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-b-c { syntax: "*"; inherits: false; } @property --v-bd-b-c-i { syntax: "*"; inherits: true; } @property --v-bd-b-c-op { syntax: "<percentage>"; inherits: false; } @property --v-bd-l-c { syntax: "*"; inherits: false; } @property --v-bd-l-c-i { syntax: "*"; inherits: true; } @property --v-bd-l-c-op { syntax: "<percentage>"; inherits: false; } @property --v-ring-c { syntax: "*"; inherits: false; } @property --v-ring-c-i { syntax: "*"; inherits: true; } @property --v-ring-c-op { syntax: "<percentage>"; inherits: false; }
5
- @layer preflightBase { html { --m-mult: 1; --m-l-neutral: 90%; --m-l-range-up: 10%; --m-l-range-down: 70%; --m-s-neutral: 75%; --m-s-range-up: -55%; --m-s-range-down: 20%; --m-white: #ffffff; --m-black: #000000; color: var(--v-c-i); background-color: var(--v-bg-l); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } @media (prefers-color-scheme: dark) { html { --m-mult: -1; --m-l-neutral: 60%; --m-l-range-up: 38%; --m-l-range-down: 70%; --m-s-neutral: 80%; --m-s-range-up: 40%; --m-s-range-down: -30%; --m-white: #000000; --m-black: #ffffff; color: var(--v-c-i); background-color: var(--v-bg-l); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } } } @layer preflightVariants { .override-light { --m-mult: 1; --m-l-neutral: 90%; --m-l-range-up: 10%; --m-l-range-down: 70%; --m-s-neutral: 75%; --m-s-range-up: -55%; --m-s-range-down: 20%; --m-white: #ffffff; --m-black: #000000; color: var(--v-c-i); background-color: var(--v-bg-l); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .override-dark { --m-mult: -1; --m-l-neutral: 60%; --m-l-range-up: 38%; --m-l-range-down: 70%; --m-s-neutral: 80%; --m-s-range-up: 40%; --m-s-range-down: -30%; --m-white: #000000; --m-black: #ffffff; color: var(--v-c-i); background-color: var(--v-bg-l); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } }
5
+ @layer preflightBase { html { --m-mult: 1; --m-l-neutral: 90%; --m-l-range-up: 10%; --m-l-range-down: 70%; --m-s-neutral: 75%; --m-s-range-up: -55%; --m-s-range-down: 20%; --m-white: #ffffff; --m-black: #000000; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } @media (prefers-color-scheme: dark) { html { --m-mult: -1; --m-l-neutral: 60%; --m-l-range-up: 38%; --m-l-range-down: 70%; --m-s-neutral: 80%; --m-s-range-up: 40%; --m-s-range-down: -30%; --m-white: #000000; --m-black: #ffffff; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } } } @layer preflightVariants { .override-light { --m-mult: 1; --m-l-neutral: 90%; --m-l-range-up: 10%; --m-l-range-down: 70%; --m-s-neutral: 75%; --m-s-range-up: -55%; --m-s-range-down: 20%; --m-white: #ffffff; --m-black: #000000; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } .override-dark { --m-mult: -1; --m-l-neutral: 60%; --m-l-range-up: 38%; --m-l-range-down: 70%; --m-s-neutral: 80%; --m-s-range-up: 40%; --m-s-range-down: -30%; --m-white: #000000; --m-black: #ffffff; color: var(--v-c-i); --p-primary-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-primary-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-primary-hue,91.8))); --p-accent-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-accent-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--u-c-accent-hue,160.88))); --p-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-gray-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-high-contrast-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --p-lemon-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(90.8)); --p-lemon-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-lemon-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(90.8)); --p-leek-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(165.88)); --p-leek-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-leek-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(165.88)); --p-tomato-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(10.51)); --p-tomato-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-tomato-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(10.51)); --p-blueberry-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(248.14)); --p-blueberry-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-blueberry-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(248.14)); --p-eggplant-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(280.21)); --p-eggplant-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-eggplant-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(280.21)); --p-attention-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(30)); --p-attention-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(30)); --p-attention-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(30)); --p-success-shade-wash: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-light: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * 0.5 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * 0.75 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-mid: oklch(calc(var(--m-l-neutral)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * var(--m-s-neutral)), 100%)) calc(140)); --p-success-shade-dark: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 0.35 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 0.5 * var(--m-mult, 1)))), 100%)) calc(140)); --p-success-shade-ink: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(140)); --v-c-i: oklch(calc(clamp(0%, (var(--m-l-neutral) - (var(--m-l-range-down) * 1 * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.04 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) - (var(--m-s-range-down) * 1 * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); --v-bg-l: oklch(calc(clamp(0%, (var(--m-l-neutral) + (var(--m-l-range-up) * var(--m-mult, 1) * var(--p-lightness-spread, 1))), 100%)) calc(clamp(0%, (0.15 * var(--p-saturation, 1) * var(--u-saturation, 1) * (var(--m-s-neutral) + (var(--m-s-range-up) * var(--m-mult, 1)))), 100%)) calc(var(--p-main-hue,var(--u-c-primary-hue,91.8)))); } }
6
6
  @font-face { font-family: "Inter"; src: url("https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf") format("truetype-variations"); font-weight: 1 999; font-style: oblique 0deg 5deg; font-display: block; }
7
7
  @property --l-corner-scale { syntax: "*"; inherits: false; } @property --t-shadow-y-mult { syntax: "*"; inherits: false; }
8
8
  @layer preflightBase { :root { --u-saturation: 0.5; --u-corner-scale: 1; --u-spacing-scale: 1; --u-border-scale: 1; --u-shadow-spread: 1; --u-c-primary-hue: 90.8; --u-c-accent-hue: 165.88; --u-c-lemon-hue: 90.8; --u-c-lemon-accent-hue: 165.88; --u-c-leek-hue: 165.88; --u-c-leek-accent-hue: 90.8; --u-c-tomato-hue: 10.51; --u-c-tomato-accent-hue: 165.88; --u-c-blueberry-hue: 248.14; --u-c-blueberry-accent-hue: 165.88; --u-c-eggplant-hue: 280.21; --u-c-eggplant-accent-hue: 165.88; --u-c-attention-hue: 30; --u-c-attention-accent-hue: 165.88; --u-c-success-hue: 140; --u-c-success-accent-hue: 165.88; } body, :host { font-size: 16px; } }
package/dist/esm/uno/preflights/mode.js CHANGED
@@ -14,7 +14,6 @@ ${PROPS.MODE.WHITE}: #ffffff;
14
14
  ${PROPS.MODE.BLACK}: #000000;
15
15
 
16
16
  color: var(${PROPS.COLOR.INHERITED});
17
- background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
18
17
 
19
18
  ${palettePropertyReset(options)}
20
19
  `;
@@ -30,7 +29,6 @@ ${PROPS.MODE.WHITE}: #000000;
30
29
  ${PROPS.MODE.BLACK}: #ffffff;
31
30
 
32
31
  color: var(${PROPS.COLOR.INHERITED});
33
- background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
34
32
 
35
33
  ${palettePropertyReset(options)}
36
34
  `;
package/dist/esm/uno/preflights/mode.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"mode.js","sourceRoot":"","sources":["../../../../src/uno/preflights/mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACvD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;wBACV,KAAK,CAAC,gBAAgB,CAAC,SAAS;;EAEtD,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACtD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;wBACV,KAAK,CAAC,gBAAgB,CAAC,SAAS;;EAEtD,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAA8B,EAAE,EAAE,CAC/D,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;IAGZ,YAAY,CAAC,OAAO,CAAC;;;;;KAKpB,WAAW,CAAC,OAAO,CAAC;;;;;;;IAOrB,YAAY,CAAC,OAAO,CAAC;;;IAGrB,WAAW,CAAC,OAAO,CAAC;;EAEtB;CACA,CAAC,CAAC"}
1
+ {"version":3,"file":"mode.js","sourceRoot":"","sources":["../../../../src/uno/preflights/mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACvD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;;EAEhC,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACtD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;;EAEhC,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAA8B,EAAE,EAAE,CAC/D,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;IAGZ,YAAY,CAAC,OAAO,CAAC;;;;;KAKpB,WAAW,CAAC,OAAO,CAAC;;;;;;;IAOrB,YAAY,CAAC,OAAO,CAAC;;;IAGrB,WAAW,CAAC,OAAO,CAAC;;EAEtB;CACA,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a-type/ui",
3
- "version": "5.0.1",
3
+ "version": "5.0.2",
4
4
  "type": "module",
5
5
  "repository": {
6
6
  "url": "https://github.com/a-type/ui"
package/src/uno/preflights/mode.ts CHANGED
@@ -14,7 +14,6 @@ ${PROPS.MODE.WHITE}: #ffffff;
14
14
  ${PROPS.MODE.BLACK}: #000000;
15
15
 
16
16
  color: var(${PROPS.COLOR.INHERITED});
17
- background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
18
17
 
19
18
  ${palettePropertyReset(options)}
20
19
  `;
@@ -31,7 +30,6 @@ ${PROPS.MODE.WHITE}: #000000;
31
30
  ${PROPS.MODE.BLACK}: #ffffff;
32
31
 
33
32
  color: var(${PROPS.COLOR.INHERITED});
34
- background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
35
33
 
36
34
  ${palettePropertyReset(options)}
37
35
  `;