/* Spectune — the app's own palette, from its asset catalog: a cool pale grey
   screen by day, near-black by night, and coral paint. The app deepens its
   coral in light mode so paint reads on the pale canvas; the accent here is
   deepened a step further so links pass contrast on the same ground. Mustard
   and pale blue, the other two track colors, live in the icon.

   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: #f3f5f6;
  --fg: #14191c;
  --muted: #5c676d;
  --rule: #dde2e5;

  /* Coral paint. */
  --accent: #b5502f;
  --accent-fg: #f7f8f9;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0e1215;
    --fg: #f2f4f5;
    --muted: #97a2a8;
    --rule: #232b30;

    --accent: #df866a;
    --accent-fg: #0e1215;
  }
}