:root {
  --bg: #fafaf7;
  --text: #1a1a1a;
  --muted: #6b6b66;
  --border: #e6e4dd;
  --surface: #f3f1ea;
  --accent: var(--text);

  --font-display: ui-serif, Georgia, serif;
  --font-body: ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
}

[data-font="editorial-serif"] {
  --font-display: "Fraunces", ui-serif, Georgia, serif;
  --font-body: "Newsreader", ui-serif, Georgia, serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

[data-font="editorial-pair"] {
  --font-display: "Instrument Serif", ui-serif, Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

[data-font="technical-sans"] {
  --font-display: "Geist", system-ui, sans-serif;
  --font-body: "Geist", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
}

[data-font="humanist-sans"] {
  --font-display: "Inter Tight", system-ui, sans-serif;
  --font-body: "Inter Tight", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
}

[data-accent="cobalt"] { --accent: #1a3aff; }
[data-accent="rust"]   { --accent: #b3411a; }
[data-accent="moss"]   { --accent: #3a5a2a; }

/* ---------- Dark mode ---------- */

/* Manual override: data-theme="dark" */
[data-theme="dark"] {
  --bg: #1a1a18;
  --text: #ebe9e0;
  --muted: #8a8880;
  --border: #2d2c28;
  --surface: #22221e;
  --accent: var(--text);
  color-scheme: dark;
}

/* Auto mode (default): follow OS preference */
@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --bg: #1a1a18;
    --text: #ebe9e0;
    --muted: #8a8880;
    --border: #2d2c28;
    --surface: #22221e;
    --accent: var(--text);
    color-scheme: dark;
  }
}