:root {
 --color-paper:oklch(98.8% .008 235); --color-cream:oklch(95.5% .015 85); --color-ink:oklch(39.5% .09 240); --color-dark:oklch(25% .039 239); --color-muted:oklch(47% .048 237); --color-sky:oklch(75% .143 233); --color-lemon:oklch(92.4% .12 96); --color-rule:oklch(80% .025 233); --color-red:oklch(51.8% .162 28); --color-focus:oklch(44% .14 240); --color-overlay:oklch(20% .035 240 / .38); --color-shade:oklch(20% .035 240 / .16); --color-backdrop:oklch(17% .02 240 / .95); --color-clear:oklch(99% .008 235 / 0); --color-sheen:oklch(99% .008 235 / .6);
 --font-display:'Noto Serif SC','Songti SC','SimSun',serif; --font-body:'Noto Sans SC','PingFang SC','Microsoft YaHei',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-sm:.875rem; --text-base:1rem; --text-lg:1.125rem; --text-display:clamp(3.8rem,7vw,7.6rem); --text-title:clamp(2rem,3.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; --dur-long:420ms; --rule-hair:1px; --radius-sm:3px;
 --z-sticky:200; --z-modal:400; --z-toast:500;
}