:root {
  color-scheme: dark;
  --bg: #0b0b0d;
  --bg-elevated: #111114;
  --surface: #16161a;
  --surface-2: #1d1d22;
  --surface-3: #24242a;
  --ink: #f3eee6;
  --muted: #aaa29a;
  --dim: #77716c;
  --border: rgba(255,255,255,.11);
  --border-strong: rgba(255,255,255,.22);
  --accent: #e8a250;
  --accent-2: #7dd3c7;
  --danger: #ff7b72;
  --success: #76d79a;
  --shadow: 0 24px 70px rgba(0,0,0,.36);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-ui: "Syne", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --content: 1180px;
  --reading: 760px;
  --nav-height: 68px;
  --radius-sm: 10px;
  --radius: 18px;
  --radius-lg: 28px;
  --space-1: .375rem;
  --space-2: .625rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
}

html[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f0e9;
  --bg-elevated: #fbf8f2;
  --surface: #fffdf8;
  --surface-2: #f1ece4;
  --surface-3: #e9e2d8;
  --ink: #201d1a;
  --muted: #665f58;
  --dim: #857c73;
  --border: rgba(32,29,26,.13);
  --border-strong: rgba(32,29,26,.25);
  --shadow: 0 24px 70px rgba(72,55,35,.12);
}