/* Kleuren en maten van Thuisbord, afgeleid van de bron-reel (benadering) */
:root {
  --pagina: #f4efe7;
  --kaart: #fbf8f2;
  --kaart-rand: #ebe3d6;
  --vlak: #f2ebdf;          /* pillen en tegels binnen een kaart */
  --vlak-hover: #ebe2d3;
  --tekst: #2b2622;
  --tekst-zacht: #8a8178;
  --accent: #c0412b;        /* terracotta: actieve knop, waarschuwing */
  --accent-zacht: #f7e1d9;
  --accent-tekst: #b13a26;
  --goed: #3e9b5b;
  --goed-zacht: #e2f1e6;
  --aan: #f7e3a1;           /* lamp aan, gemarkeerde taak */
  --aan-rand: #eba73a;
  --bonus: #f0a21b;
  --blauw: #2f6fb7;         /* buitentemperatuur */
  --oranje: #e2572b;        /* binnentemperatuur, grafiek */
  --speler-a: #e2572b;
  --speler-b: #3e9b5b;

  --lucht-boven: #a9cdee;
  --lucht-onder: #e4f0f8;

  --radius-kaart: 22px;
  --radius-pil: 14px;
  --schaduw: 0 1px 0 rgba(80, 60, 30, .04), 0 6px 18px rgba(80, 60, 30, .06);
  --letter: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

/* Avondstand: gaat vanzelf aan na zonsondergang (zie app.js) */
:root[data-tijd="nacht"] {
  --pagina: #1d1a17;
  --kaart: #27231f;
  --kaart-rand: #3a332c;
  --vlak: #322c26;
  --vlak-hover: #3c352e;
  --tekst: #f3ece2;
  --tekst-zacht: #a89e92;
  --accent-zacht: #4a2a22;
  --accent-tekst: #f19a83;
  --goed-zacht: #23392a;
  --aan: #5a4a22;
  --lucht-boven: #0f1b33;
  --lucht-onder: #2b3a5c;
  --schaduw: 0 6px 18px rgba(0, 0, 0, .35);
}