:root {
 --color-paper: oklch(18.5% .006 240); --color-paper-2: oklch(22% .009 240); --color-paper-3: oklch(27% .011 240); --color-rule: oklch(37% .015 240); --color-ink: oklch(96% .008 95); --color-muted: oklch(76% .014 240); --color-accent: oklch(86% .175 95); --color-accent-ink: oklch(19% .009 110); --color-cta: oklch(81% .18 135); --color-cta-dark: oklch(38% .085 135); --color-error: oklch(71% .17 25); --color-focus: oklch(97% .025 95); --color-link: oklch(84% .068 240); --color-overlay: oklch(15% .01 230); --color-clear: oklch(18% .006 240 / 0);
 --font-display: 'Barlow Condensed','Noto Sans SC',sans-serif; --font-body: '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-xs:12px; --text-sm:14px; --text-base:16px; --text-lg:20px; --text-xl:24px; --text-2xl:32px; --text-3xl:40px; --text-display:clamp(36px,5vw,64px);
 --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:200ms; --dur-long:300ms;
 --rule-hair:1px; --radius-sm:2px; --z-sticky:200; --z-modal:400;
}