:root {
  --color-paper: oklch(98.5% 0.006 235); --color-surface: oklch(100% 0 0); --color-surface-2: oklch(96% 0.012 235);
  --color-ink: oklch(24% 0.025 240); --color-ink-2: oklch(43% 0.025 240); --color-muted: oklch(57% 0.02 240); --color-rule: oklch(88% 0.015 235);
  --color-accent: #2689ad; --color-accent-hover: #177797; --color-accent-ink: #fff; --color-focus: #2689ad;
  --color-nav-muted: oklch(77% 0.02 240); --color-nav-link: oklch(88% 0.012 235); --color-nav-hover: oklch(32% 0.025 240); --color-nav-rule: oklch(45% 0.02 240);
  --color-success: oklch(55% 0.13 150); --color-warning: oklch(69% 0.15 75); --color-danger: oklch(56% 0.19 25);
  --font-display: "Microsoft YaHei UI", "PingFang SC", sans-serif; --font-body: "Microsoft YaHei", "PingFang SC", sans-serif; --font-mono: "Cascadia Mono", Consolas, monospace;
  --space-3xs: .25rem; --space-2xs: .5rem; --space-xs: .75rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem; --space-xl: 3rem; --space-2xl: 4rem;
  --text-xs: .75rem; --text-sm: .875rem; --text-md: 1rem; --text-lg: 1.25rem; --text-xl: 1.75rem; --text-2xl: clamp(2rem, 4vw, 3.25rem);
  --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-short: 160ms; --dur-medium: 240ms;
  --radius-sm: 6px; --radius-md: 10px; --radius-card: 14px; --radius-pill: 999px; --rule-thin: 1px;
}