:root {
  color-scheme: light;
  --paper: oklch(96.5% 0.016 84);
  --paper-deep: oklch(92.5% 0.028 80);
  --panel: oklch(98.5% 0.009 82);
  --panel-strong: oklch(89% 0.042 78);
  --ink: oklch(22% 0.025 65);
  --ink-2: oklch(39% 0.032 63);
  --muted: oklch(52% 0.026 65);
  --rule: oklch(72% 0.045 72);
  --accent: oklch(43% 0.17 28);
  --accent-soft: oklch(87% 0.055 32);
  --accent-ink: oklch(98% 0.008 82);
  --blue: oklch(43% 0.105 244);
  --blue-soft: oklch(89% 0.038 238);
  --green: oklch(43% 0.09 153);
  --green-soft: oklch(90% 0.04 150);
  --focus: oklch(45% 0.15 250);
  --overlay: oklch(10% 0.02 65 / 0.45);
  --shadow: 0 1.25rem 3rem oklch(20% 0.03 65 / 0.12);
  --font-display: "Source Han Serif SC", "Noto Serif CJK SC", "Songti SC", STSong, serif;
  --font-body: "Noto Sans CJK SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  --font-mono: "JetBrains Mono", "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: clamp(1.05rem, 1rem + 0.22vw, 1.2rem);
  --text-lg: clamp(1.45rem, 1.2rem + 0.9vw, 2rem);
  --text-xl: clamp(2.15rem, 1.55rem + 2.5vw, 4.25rem);
  --text-hero: clamp(3rem, 1.8rem + 5vw, 7rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --radius-sm: 0.25rem;
  --radius-md: 0.75rem;
  --radius-round: 999px;
  --rule-thin: 1px;
  --rule-heavy: 3px;
  --duration-fast: 150ms;
  --duration-base: 240ms;
  --ease: cubic-bezier(0.2, 0.75, 0.25, 1);
  --rail-width: 18rem;
  --reading-width: 72rem;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --paper: oklch(15% 0.016 65);
  --paper-deep: oklch(19% 0.022 66);
  --panel: oklch(20% 0.018 66);
  --panel-strong: oklch(25% 0.03 65);
  --ink: oklch(93% 0.012 82);
  --ink-2: oklch(79% 0.018 80);
  --muted: oklch(73% 0.018 76);
  --rule: oklch(38% 0.032 68);
  --accent: oklch(72% 0.13 35);
  --accent-soft: oklch(30% 0.07 30);
  --accent-ink: oklch(15% 0.018 65);
  --blue: oklch(73% 0.09 240);
  --blue-soft: oklch(27% 0.045 238);
  --green: oklch(72% 0.09 153);
  --green-soft: oklch(26% 0.04 151);
  --focus: oklch(78% 0.12 245);
  --overlay: oklch(3% 0.01 65 / 0.62);
  --shadow: 0 1.25rem 3rem oklch(3% 0.01 65 / 0.42);
}