/* Compound — the app's own look: ink on paper, one amber bar, and the old-style
   serif it sets everything in. The colours are sampled from the four-bar mark
   in media/icon.png.

   Structure never belongs in this file. If a page needs a shape that
   /assets/site.css doesn't have, add the component there so every app can use
   it, and keep this file to colour and type. */

:root {
  --bg: #f7f4ef;
  --fg: #141312;
  --muted: #6b6660;
  --rule: #ddd7cc;

  /* The fourth bar. */
  --accent: #f3ae3d;
  --accent-fg: #1c1709;

  --font-heading: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-body: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #141311;
    --fg: #f0ede7;
    --muted: #958f84;
    --rule: #2f2c27;
    --accent: #f3ae3d;
    --accent-fg: #1c1709;
  }
}