npm - @a-type/ui - Versions diffs - 5.0.1 → 5.0.3 - Mend

@a-type/ui 5.0.1 → 5.0.3

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 (13) hide show

package/dist/css/main.css +1 -1
package/dist/esm/components/input/Input.js +1 -1
package/dist/esm/components/input/Input.js.map +1 -1
package/dist/esm/uno/index.d.ts +1 -0
package/dist/esm/uno/preflights/mode.js +0 -2
package/dist/esm/uno/preflights/mode.js.map +1 -1
package/dist/esm/uno/uno.preset.d.ts +3 -2
package/dist/esm/uno/uno.preset.js.map +1 -1
package/package.json +1 -1
package/src/components/input/Input.tsx +1 -1
package/src/uno/index.ts +1 -0
package/src/uno/preflights/mode.ts +0 -2
package/src/uno/uno.preset.ts +5 -5

package/dist/css/main.css CHANGED Viewed

@@ -2,7 +2,7 @@
 @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: ;}}
  :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; } }
  .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; }
- @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)))); } }
+ @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)))); } }
  @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; }
  @property --l-corner-scale { syntax: "*"; inherits: false; } @property --t-shadow-y-mult { syntax: "*"; inherits: false; }
  @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/components/input/Input.js CHANGED Viewed

@@ -18,7 +18,7 @@ import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.j
 import { GroupScaleReset } from '../../systems/GroupScale.js';
 import { inputInfo } from '../../systems/inputs.js';
 import { PROPS } from '../../uno/index.js';
-export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:bg-transparent', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
+export const inputClassName = clsx('layer-components:min-w-60px layer-components:flex-1 layer-components:select-auto layer-components:border-none layer-components:px-0 layer-components:py-1.25 layer-components:text-md layer-components:font-inherit layer-components:color-inherit layer-components:bg-transparent', 'layer-components:placeholder:color-gray-dark', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none', 'layer-components:first:rounded-l-inherit layer-components:first:pl-md', 'layer-components:last:rounded-r-inherit layer-components:last:pr-md');
 const inputBorderClassName = clsx('layer-components:flex layer-components:flex-row layer-components:items-center layer-components:gap-xs layer-components:border-1 layer-components:rounded-lg layer-components:border-solid layer-components:text-md layer-components:shadow-sm layer-components:shadow-inset layer-components:transition-shadow layer-components:color-black layer-components:bg-white layer-components:border-black', 'layer-components:w-max-content layer-components:overflow-clip', 'layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:bg-transparent layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:border-gray layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:shadow-none layer-components:[&:has(input:disabled),&:has(textarea:disabled)]:placeholder-gray-dark', 'layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:outline-none layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-4 layer-components:[&:has(input:focus-visible),&:has(textarea:focus-visible)]:ring-accent', 'layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:outline-none layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-4 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:bg-lighten-3 layer-variants:[&:has(input:focus[data-focus-clicked]),&:has(textarea:focus[data-focus-clicked])]:ring-main-light', 'layer-components:[&:has(input:hover),&:has(textarea:hover)]:border-black', 'layer-components:[&>.icon]:mx-sm');
 function InputBorderImpl(_a) {
     var { style } = _a, props = __rest(_a, ["style"]);

package/dist/esm/components/input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,IAAI,SAAS,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC~~,+GAA+G~~,~~EAC/G~~,8CAA8C,EAC9C,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,0KAA0K,EAC1K,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,0EAA0E,EAC1E,kCAAkC,CAClC,CAAC;AAEF,SAAS,eAAe,CAAC,EAKxB;QALwB,EACxB,KAAK,OAIL,EAHG,KAAK,cAFgB,SAGxB,CADQ;IAIR,OAAO,CACN,KAAC,eAAe,cACf,8BACK,KAAK,IACT,KAAK,kBACJ,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,EAChC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,EACjC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,IAC5B,KAAK,KAER,GACe,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,aAAa,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,SAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,SAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,MAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,KAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}
1	+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/input/Input.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EACN,KAAK,IAAI,SAAS,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,CACjC,6HAA6H,EAC7H,8CAA8C,EAC9C,uCAAuC,EACvC,+CAA+C,EAC/C,kDAAkD,EAClD,iDAAiD,CACjD,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAI,CAChC,0KAA0K,EAC1K,gDAAgD,EAChD,kIAAkI,EAClI,oHAAoH,EACpH,2JAA2J,EAC3J,0EAA0E,EAC1E,kCAAkC,CAClC,CAAC;AAEF,SAAS,eAAe,CAAC,EAKxB;QALwB,EACxB,KAAK,OAIL,EAHG,KAAK,cAFgB,SAGxB,CADQ;IAIR,OAAO,CACN,KAAC,eAAe,cACf,8BACK,KAAK,IACT,KAAK,kBACJ,CAAC,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,EAAE,GAAG,EAChC,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,EACjC,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,GAAG,IAC5B,KAAK,KAER,GACe,CAClB,CAAC;AACH,CAAC;AACD,MAAM,WAAW,GAAG,aAAa,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC;AAEzE,MAAM,UAAU,GAAG,SAAS,UAAU,CAAC,EAW1B;QAX0B,EACtC,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,YAAY,EACZ,WAAW,EACX,sBAAsB,GAAG,IAAI,EAC7B,aAAa,OAGD,EADT,KAAK,cAV8B,0HAWtC,CADQ;IAER,MAAM,WAAW,GAA8B,CAAC,EAAE,EAAE,EAAE;QACrD,IAAI,UAAU,EAAE,CAAC;YAChB,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;QACpB,CAAC;QACD,IACC,SAAS,CAAC,eAAe;YACzB,IAAI,CAAC,GAAG,EAAE,GAAG,SAAS,CAAC,eAAe,GAAG,GAAG,EAC3C,CAAC;YACF,EAAE,CAAC,aAAa,CAAC,YAAY,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;QAC7D,CAAC;QACD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IACF,MAAM,UAAU,GAA6B,CAAC,EAAE,EAAE,EAAE;QACnD,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,EAAE,CAAC,CAAC;QACb,EAAE,CAAC,aAAa,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,wBAAwB,CACjD,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,EAClB,sBAAsB,CACtB,CAAC;IAEF,OAAO,CACN,KAAC,SAAS,kBACT,WAAW,EAAE,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,iBAAiB,EAC7C,OAAO,EAAE,WAAW,EACpB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IACtC,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAcF,MAAM,YAAY,GAAG,SAAS,YAAY,CAAC,EAM9B;QAN8B,EAC1C,SAAS,EACT,SAAS,EACT,cAAc,EACd,YAAY,OAEA,EADT,KAAK,cALkC,4DAM1C,CADQ;IAER,OAAO,CACN,MAAC,WAAW,IAAC,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,aAC/C,cAAc,EACf,KAAC,UAAU,oBAAK,KAAK,EAAI,EACxB,YAAY,IACA,CACd,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,EAAE;IAChD,MAAM,EAAE,WAAW;IACnB,KAAK,EAAE,UAAU;CACjB,CAAC,CAAC"}

package/dist/esm/uno/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export { paletteHues, paletteNames, type PaletteName, } from './logic/palettes.js';
 export { PROPS } from './logic/properties.js';
+export type { PresetOptions } from './uno.preset.js';

package/dist/esm/uno/preflights/mode.js CHANGED Viewed

@@ -14,7 +14,6 @@ ${PROPS.MODE.WHITE}: #ffffff;
 ${PROPS.MODE.BLACK}: #000000;
 color: var(${PROPS.COLOR.INHERITED});
-background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
 ${palettePropertyReset(options)}
 `;
@@ -30,7 +29,6 @@ ${PROPS.MODE.WHITE}: #000000;
 ${PROPS.MODE.BLACK}: #ffffff;
 color: var(${PROPS.COLOR.INHERITED});
-background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
 ${palettePropertyReset(options)}
 `;

package/dist/esm/uno/preflights/mode.js.map CHANGED Viewed

	@@ -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/dist/esm/uno/uno.preset.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Preset } from 'unocss';
 import { PreflightConfig } from './preflights/index.js';
-export default function presetAtype(config?: PreflightConfig & {
+export type PresetOptions = PreflightConfig & {
     noPreflight?: boolean;
-}): Preset;
+};
+export default function presetAtype(config?: PresetOptions): Preset;

package/dist/esm/uno/uno.preset.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAmB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;~~AAE~~/C,MAAM,CAAC,OAAO,UAAU,WAAW,~~CAClC~~,~~SAEI~~,EAAE;~~IAEN~~,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW;YAC7B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,UAAU,iBACV,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAC7C,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAC3C,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EAChB,wEAAwE,IACtE,MAAM,EACP;QAEL,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;YACF,wBAAwB,CAAC;gBACxB,qBAAqB,EAAE;oBACtB,KAAK;oBACL,MAAM;oBACN,YAAY;oBACZ,IAAI;oBACJ,eAAe;iBACf;aACD,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
1	+ {"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAmB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAM/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,SAAwB,EAAE;IAC7D,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW;YAC7B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,UAAU,iBACV,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAC7C,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAC3C,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EAChB,wEAAwE,IACtE,MAAM,EACP;QAEL,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;YACF,wBAAwB,CAAC;gBACxB,qBAAqB,EAAE;oBACtB,KAAK;oBACL,MAAM;oBACN,YAAY;oBACZ,IAAI;oBACJ,eAAe;iBACf;aACD,CAAC;SACF;KACD,CAAC;AACH,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "5.0.1",
+  "version": "5.0.3",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"

package/src/components/input/Input.tsx CHANGED Viewed

@@ -11,7 +11,7 @@ import { inputInfo } from '../../systems/inputs.js';
 import { PROPS } from '../../uno/index.js';
 export const inputClassName = clsx(
-	'layer-components:(min-w-60px flex-1 select-auto border-none px-0 py-1.25 text-md font-inherit bg-transparent)',
+	'layer-components:(min-w-60px flex-1 select-auto border-none px-0 py-1.25 text-md font-inherit color-inherit bg-transparent)',
 	'layer-components:placeholder:color-gray-dark',
 	'layer-components:focus:(outline-none)',
 	'layer-components:focus-visible:(outline-none)',

package/src/uno/index.ts CHANGED Viewed

@@ -4,3 +4,4 @@ export {
 	type PaletteName,
 } from './logic/palettes.js';
 export { PROPS } from './logic/properties.js';
+export type { PresetOptions } from './uno.preset.js';

package/src/uno/preflights/mode.ts CHANGED Viewed

@@ -14,7 +14,6 @@ ${PROPS.MODE.WHITE}: #ffffff;
 ${PROPS.MODE.BLACK}: #000000;
 color: var(${PROPS.COLOR.INHERITED});
-background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
 ${palettePropertyReset(options)}
 `;
@@ -31,7 +30,6 @@ ${PROPS.MODE.WHITE}: #000000;
 ${PROPS.MODE.BLACK}: #ffffff;
 color: var(${PROPS.COLOR.INHERITED});
-background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
 ${palettePropertyReset(options)}
 `;

package/src/uno/uno.preset.ts CHANGED Viewed

@@ -8,11 +8,11 @@ import { shortcuts } from './shortcuts/index.js';
 import { makeTheme } from './theme/index.js';
 import { variants } from './variants/index.js';
-export default function presetAtype(
-	config: PreflightConfig & {
-		noPreflight?: boolean;
-	} = {},
-): Preset {
+export type PresetOptions = PreflightConfig & {
+	noPreflight?: boolean;
+};
+export default function presetAtype(config: PresetOptions = {}): Preset {
 	const theme = makeTheme(config);
 	return {
 		name: 'atype',