:root {
 --color-paper:oklch(98.8% .009 230); --color-sheet:oklch(96% .016 87); --color-ink:oklch(40% .092 243); --color-deep:oklch(25% .060 238); --color-muted:oklch(47% .055 235); --color-accent:oklch(75% .144 233); --color-lemon:oklch(92% .104 93); --color-rule:oklch(84% .027 229); --color-red:oklch(51% .167 28); --color-white:oklch(99.5% .004 235); --color-scrim:oklch(23% .058 238 / .69); --color-shadow:oklch(25% .060 238 / .12); --color-accent-ink:oklch(25% .060 238); --color-clear:transparent; --color-error:oklch(45% .16 28); --color-success:oklch(40% .08 160);
 --font-display:'Noto Serif SC','Songti SC','STSong',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-small:.875rem; --text-body:1rem; --text-lead:1.125rem; --text-title:clamp(1.8rem,3vw,2.8rem); --text-display:clamp(3rem,5.7vw,5.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-fast:160ms; --dur-normal:220ms; --rule-hair:1px; --radius-small:2px;
}