:root {--primary-ultra-light: oklch(97% 0.015 264);--primary-light: oklch(90% 0.05 264);--primary-semi-light: oklch(72% 0.13 264);--primary: oklch(46.1% 0.242 264);--primary-hover: oklch(40% 0.22 264);--primary-semi-dark: oklch(34% 0.18 264);--primary-dark: oklch(26% 0.13 264);--primary-ultra-dark: oklch(16% 0.07 264);--base-ultra-light: oklch(97.5% 0.003 17.5);--base-light: oklch(90% 0.004 17.5);--base-semi-light: oklch(60% 0.005 17.5);--base: oklch(21.3% 0.005 17.5);--base-hover: oklch(30% 0.005 17.5);--base-semi-dark: oklch(16% 0.005 17.5);--base-dark: oklch(11% 0.004 17.5);--base-ultra-dark: oklch(7% 0.003 17.5);--white: oklch(100% 0 0);--black: oklch(0% 0 0);--bg-body: var(--white);--text-body: var(--base);--text-muted: var(--base-semi-light);--white-trans-20: oklch(100% 0 0 / 0.2);--white-trans-60: oklch(100% 0 0 / 0.6);--black-trans-20: oklch(0% 0 0 / 0.2);--black-trans-60: oklch(0% 0 0 / 0.6);--success: oklch(62% 0.17 150);--success-light: oklch(95% 0.04 150);--danger: oklch(58% 0.22 27);--danger-light: oklch(95% 0.03 27);--warning: oklch(78% 0.16 75);--warning-light: oklch(97% 0.04 85);--info: oklch(62% 0.14 240);--info-light: oklch(95% 0.03 240);}