:root {
 --color-bg:oklch(17.8% .033 235); --color-surface:oklch(22% .035 240); --color-raised:oklch(25.5% .043 244); --color-border:oklch(32% .035 242);
 --color-text:oklch(98% .006 248); --color-muted:oklch(74% .031 247); --color-faint:oklch(64% .035 245);
 --color-accent:oklch(56% .22 260); --color-accent-hover:oklch(51% .22 260); --color-blue:oklch(75% .15 250); --color-green:oklch(82% .17 157); --color-gold:oklch(85% .12 83); --color-black:oklch(8% .01 240); --color-footer:oklch(15% .026 235); --color-error:oklch(78% .15 28); --color-focus:oklch(87% .12 245); --color-transparent:transparent;
 --font-body:'Inter',Arial,sans-serif; --font-display:'Inter',Arial,sans-serif;
 --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px; --space-2xl:48px; --space-3xl:64px;
 --text-display:clamp(40px,4.1vw,58px); --text-heading:clamp(32px,4vw,48px); --radius-sm:6px; --radius-md:12px; --radius-lg:16px;
 --ease-out:cubic-bezier(.16,1,.3,1); --ease-in:cubic-bezier(.7,0,.84,0); --ease-in-out:cubic-bezier(.65,0,.35,1); --dur-short:150ms;
}