:root {
 --color-paper:oklch(18.5% .005 240); --color-surface:oklch(22.5% .012 250); --color-raised:oklch(27% .014 250); --color-ink:oklch(96% .007 85); --color-muted:oklch(75% .017 250); --color-rule:oklch(36% .018 250); --color-accent:oklch(86.1% .173 91.9); --color-accent-ink:oklch(18.5% .005 240); --color-cta:oklch(83% .188 132); --color-cta-shadow:oklch(46% .11 132); --color-link:oklch(80% .10 230); --color-error:oklch(58% .215 27); --color-focus:oklch(96% .007 85); --color-overlay:oklch(14% .018 250 / .92); --color-shade:oklch(14% .018 250 / .6); --color-clear:oklch(18.5% .005 240 / 0); --color-glint:oklch(99% .005 90 / .36);
 --font-display:'Noto Sans SC',sans-serif; --font-body:'Noto Sans SC',sans-serif; --font-latin:'Barlow Condensed','Noto Sans SC',sans-serif;
 --space-xs:4px; --space-sm:8px; --space-md:16px; --space-lg:24px; --space-xl:32px; --space-2xl:48px; --space-3xl:64px; --space-4xl:96px;
 --text-display:clamp(2.5rem,5.2vw,4.5rem); --text-h2:clamp(1.6rem,3vw,2.25rem); --text-body:1rem; --text-small:.875rem; --radius-sm:2px; --rule-width:1px;
 --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-fast:140ms; --dur-medium:240ms; --banner-height:76px;
}