:root {
  --color-paper: oklch(97.6% .004 35);
  --color-surface: oklch(99.2% .002 35);
  --color-paper-2: oklch(95% .006 35);
  --color-ink: oklch(24% .009 35);
  --color-muted: oklch(49% .009 35);
  --color-rule: oklch(87% .007 35);
  --color-accent: oklch(53% .20 28);
  --color-accent-soft: oklch(96% .022 28);
  --color-focus: oklch(48% .16 28);
  --color-white-on-red: oklch(99% .004 28);
  --color-map: oklch(96.5% .009 110);
  --color-grid: oklch(91.5% .01 110);
  --color-map-ink: oklch(42% .009 35);
  --color-overlay: oklch(24% .009 35 / .35);
  --color-shadow: oklch(24% .009 35 / .08);
  --font-display: 'Avenir Next', 'PingFang SC', sans-serif;
  --font-body: 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: 'SFMono-Regular', Menlo, monospace;
  --space-xs: .5rem; --space-sm: .75rem; --space-md: 1rem;
  --space-lg: 1.5rem; --space-xl: 2.5rem; --space-2xl: 4rem;
  --text-xs: .75rem; --text-sm: .875rem; --text-md: 1rem;
  --text-lg: 1.25rem; --text-xl: 1.563rem; --text-2xl: 2rem; --text-3xl: 2.5rem;
  --radius-sm: 6px; --radius-md: 12px; --radius-lg: 18px;
  --ease-out: cubic-bezier(.16, 1, .3, 1); --dur-short: 160ms;
  --z-modal: 400; --z-toast: 500;
}