:root {
  /* Layout */
  --content-width: 42rem; /* narrower than the default: a proper essay column */
  --spacing-page-h: 1.25rem;
  --spacing-page-h-wide: 1.5rem;
  --spacing-page-v: 3rem;
  --gap-base: 0.5rem;

  /* Shape */
  --radius-sm: 2px;
  --radius-md: 3px;
  --radius-lg: 4px;

  /* Typography */
  --font-heading: "Newsreader", Georgia, serif;
  --font-body: "Inter", -apple-system, system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --font-size-base: 1.125rem;
}

/* ── Light mode: parchment & ink-brown ── */
:root {
  --color-bg: #f4ede1;
  --color-surface: #eae0cf;
  --color-border: #dbcfb8;
  --color-text: #2f2820;
  --color-text-heading: #211a12;
  --color-text-muted: #6e6455;
  --color-text-dim: #746950;
  --color-header-bg: #241c14;
  --color-header-border: #32271c;
  --color-header-brand: #f4ede1;
  --color-header-nav: #a3906f;
  --color-accent: #8a5a2b;
  --color-accent-hover: #6b4420;
  --color-tag-bg: #ece0c9;
  --color-tag-text: #6b4e28;
  --color-code-bg: #ece3d0;
  --color-code-text: #3b2f1e;
}

/* ── Dark mode: roast & copper ── */
@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #17110b;
    --color-surface: #211a12;
    --color-border: #362a1d;
    --color-text: #ded2bd;
    --color-text-heading: #f2e9d8;
    --color-text-muted: #9a8b73;
    --color-text-dim: #94866d;
    --color-header-bg: #0f0b06;
    --color-header-border: #261d13;
    --color-header-brand: #efe4cf;
    --color-header-nav: #9c8562;
    --color-accent: #cf9a63;
    --color-accent-hover: #e0b487;
    --color-tag-bg: #281e14;
    --color-tag-text: #c6ab84;
    --color-code-bg: #21190f;
    --color-code-text: #dccdaa;
  }
}