:root {
  color-scheme: dark;

  --color-void: #030507;
  --color-night: #080c12;
  --color-deep-blue: #101827;
  --color-moon: #d9dce2;
  --color-silver: #aeb4c0;
  --color-paper: #f3f0e8;
  --color-ink: #151515;
  --color-cold: #7290b5;
  --color-warm: #d6b889;
  --color-danger: #c8756d;

  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, "Songti SC", STSong, SimSun, Georgia, serif;
  --font-body: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Songti SC", STSong, "Noto Serif CJK SC", "Source Han Serif SC", SimSun, Georgia, serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --font-academic: Charter, "Bitstream Charter", Cambria, Georgia, serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --space-32: 8rem;

  --motion-fast: 180ms;
  --motion-normal: 420ms;
  --motion-slow: 900ms;
  --motion-cinematic: 1800ms;
  --ease-miao: cubic-bezier(0.22, 1, 0.36, 1);

  --glass-fill: color-mix(in srgb, var(--world-bg, #111a27) 58%, transparent);
  --glass-edge: color-mix(in srgb, var(--world-ink, #edf1f4) 18%, transparent);
  --glass-highlight: color-mix(in srgb, white 30%, transparent);
  --glass-blur: 22px;
  --radius-control: 0.9rem;
  --radius-panel: 1.5rem;
  --radius-pill: 999px;

  --page-gutter: clamp(1.25rem, 4vw, 4rem);
  --measure: 68rem;
  --reading-measure: 43rem;
  --hairline: rgb(217 220 226 / 14%);
}