/* Default (light) theme — Penscratch-inspired: white content card on a dark
   eggplant page background, serif type, purple title, teal links.
   Themes define CSS custom properties only; layout consumes them. */
:root {
  color-scheme: light;

  /* Colours */
  --color-page: #2e2638; /* page background behind the card */
  --color-bg: #ffffff; /* content card background */
  --color-surface: #f5f4f6;
  --color-text: #3f3f3f;
  --color-muted: #8c8c8c;
  --color-primary: #2a7f7f; /* teal: links, post titles, active nav */
  --color-secondary: #8b2fc9; /* purple: site title */
  --color-border: #e4e2e6;

  /* Typography */
  --font-serif: Georgia, "Times New Roman", Times, serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "Cascadia Code", "Fira Code", monospace;

  /* Shape & spacing */
  --radius: 2px;
  --space: 8px;
}