/* OKMD — the app's own palette, straight from its stylesheet: warm off-white
   paper, terracotta accent, and the serif it sets every heading in. The orange
   in the icon is the "MD" of the wordmark, and stays constant in both themes.

   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: #faf9f5;
  --fg: #2f2e2b;
  --muted: #73705f;
  --rule: #e6e3d8;

  --accent: #ae5630;
  --accent-fg: #faf9f5;

  /* Headings are serif in the app's preview; body text is not. */
  --font-heading: ui-serif, "New York", "Iowan Old Style", Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #262624;
    --fg: #e3e1da;
    --muted: #a09c8e;
    --rule: #3b3a36;
    --accent: #de9871;
    --accent-fg: #262624;
  }
}