/* Spork — the app's own palette, straight from its stylesheet: near-black
   ground, the cream of the restaurant card, and the yellow of the button you
   tap. The yellow is the brand and stays the same in both themes, which is
   also what keeps it legible either way — it only ever carries dark text.

   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: #fff8f0;
  --fg: #151515;
  --muted: #6f675c;
  --rule: #e8ddcd;

  --accent: #ffea2f;
  --accent-fg: #151515;

  /* Spork sets its headings in Fraunces. Nothing on this site is loaded over
     the network, so this is the nearest thing the system already has. */
  --font-heading: ui-serif, "New York", "Iowan Old Style", Georgia, serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #151515;
    --fg: #f5f3ef;
    --muted: #939089;
    --rule: #333333;
  }
}