/* Branches — the app's own palette, straight from its InkPalette: warm rice
   paper, slate-blue sumi ink, and the red sun disc. By night the paper goes
   dark and the sun becomes a pale blue moon, so the accent does too. The
   user's words are set in New York, so the headings are.

   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: #ede9da;
  --fg: #2d383d;
  --muted: #56605d;
  --rule: #d8d2bf;

  /* The sun. */
  --accent: #ba4631;
  --accent-fg: #f7f3e9;

  --font-heading: ui-serif, "New York", "Iowan Old Style", Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1d2427;
    --fg: #e6e0cf;
    --muted: #a3a99f;
    --rule: #323b3e;

    /* The moon. */
    --accent: #86aab6;
    --accent-fg: #1d2427;
  }
}