:root {
 --color-paper:oklch(16.8% .017 278); --color-panel:oklch(21% .018 278); --color-raised:oklch(25.5% .022 278);
 --color-ink:oklch(93% .008 264); --color-muted:oklch(77% .013 270); --color-rule:oklch(36% .022 280);
 --color-accent:oklch(65% .27 3); --color-accent-hover:oklch(75% .19 3); --color-accent-ink:oklch(16% .018 278);
 --color-cyan:oklch(90.5% .155 195); --color-focus:oklch(90.5% .155 195); --color-overlay:oklch(12% .015 278 / .93);
 --color-soft:oklch(16.8% .017 278 / .12); --color-error:oklch(78% .15 20); --color-success:oklch(84% .14 160);
 --font-display:'Noto Sans SC',sans-serif; --font-body:'Noto Sans SC',sans-serif; --font-label:'Space Grotesk','Noto Sans SC',sans-serif;
 --space-xs:.5rem; --space-sm:.75rem; --space-md:1rem; --space-lg:1.5rem; --space-xl:2.5rem; --space-2xl:4rem; --space-3xl:6rem;
 --text-sm:.875rem; --text-body:1rem; --text-display:clamp(2.1rem,4vw,3.5rem);
 --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-micro:120ms; --dur-short:220ms; --radius-sm:4px; --z-sticky:200; --z-modal:400;
}