:root{--navy: oklch(31.8% .0869 265.9);--navy2: oklch(36.3% .1 266.1);--navy3: oklch(20.1% .0392 261.5);--purple: oklch(47.4% .162 299.5);--purple2: oklch(54.9% .1667 300.3);--purple3: oklch(58.1% .2004 307.6);--orange: oklch(65.5% .181 40.1);--orange2: oklch(70.5% .1619 44.9);--green: oklch(62.1% .1298 162.1);--amber: oklch(66.6% .1574 58.3);--danger-red: oklch(59.2% .202 21.2);--lav: oklch(95.5% .0153 302.4);--lav2: oklch(91.7% .0311 304.2);--lav3: oklch(97.4% .0098 305.1);--off: oklch(97.9% .0055 274.8);--white: oklch(100% 0 0);--surface: oklch(100% 0 0);--border: oklch(93.8% .011 274.8);--text: oklch(31.8% .0869 265.9);--muted: oklch(57.9% .0512 264.6);--success-bg: oklch(96.2% .0196 173);--warning-bg: oklch(96.2% .0579 95.6);--danger-bg: oklch(95.6% .0187 25.4);--orange-bg: oklch(96.4% .0193 55);--font-display: "Fraunces", serif;--font-body: "Plus Jakarta Sans", sans-serif;--shadow: 0 2px 20px oklch(31.8% .0869 265.9 / .08);--shadow-md: 0 4px 24px oklch(31.8% .0869 265.9 / .1);--shadow-lg: 0 16px 48px oklch(31.8% .0869 265.9 / .13);--shadow-purple: 0 6px 24px oklch(47.4% .162 299.5 / .38);--radius-btn: 9px;--radius-card: 12px;--radius-sm: 10px;--radius-lg: 16px;--radius-pill: 100px;--duration-fast: .15s;--duration-base: .2s;--duration-card: .25s;--ease-base: ease;--z-overlay: 99;--z-sidebar: 100;--z-sidebar-mobile: 150;--z-nav: 200;--z-modal: 500}.dark{--off: oklch(16% .018 265);--surface: oklch(21% .025 265);--lav: oklch(23% .032 300);--lav2: oklch(26% .042 300);--lav3: oklch(19% .02 300);--border: oklch(30% .02 265);--text: oklch(92% .01 265);--navy: oklch(92% .01 265);--navy2: oklch(85% .02 265);--navy3: oklch(12% .02 261);--muted: oklch(68% .04 264);--purple: oklch(55% .162 299.5);--purple2: oklch(60% .1667 300.3);--purple3: oklch(63% .2004 307.6);--orange: oklch(70% .181 40.1);--orange2: oklch(74% .1619 44.9);--green: oklch(67% .1298 162.1);--amber: oklch(72% .1574 58.3);--danger-red: oklch(65% .202 21.2);--success-bg: oklch(22% .03 173);--warning-bg: oklch(24% .04 95);--danger-bg: oklch(22% .03 25);--orange-bg: oklch(23% .03 55);--shadow: 0 2px 20px oklch(0% 0 0 / .3);--shadow-md: 0 4px 24px oklch(0% 0 0 / .35);--shadow-lg: 0 16px 48px oklch(0% 0 0 / .45);--shadow-purple: 0 6px 24px oklch(55% .162 299.5 / .35)}