/* ══════════════════════════════════════════════════════════════════
   Unfallzeitung — Farben der Marke

   site.css bringt den vollständigen Satz mit, und die Werte darin sind
   die der Unfallzeitung. Diese Datei muss deshalb nichts ändern; sie
   steht hier, damit jede Zeitung dieselbe Datei hat und beim Aufspielen
   nichts fehlt.

   Die Werte stehen trotzdem darin, ausgeschrieben. Wer wissen will, was
   die Marke ist, soll es an einer Stelle nachlesen können und nicht aus
   einer Abwesenheit schliessen müssen.

   Warum das Blau tiefer ist als das Logoblau (#3b82c4): das hellere
   trägt auf Weiss nicht und kippt ins Gefällige. Kontraste liegen
   zwischen 6,3 und 10,0.
   ══════════════════════════════════════════════════════════════════ */

:root {
  --akzent: #1d4e7c;
  --akzent-2: #2a6ba8;
  --akzent-flaeche: #1d4e7c;
  --fuss-bg: #0d131a;
  --kachel-grund: #101a24;
  --kachel-akzent: #9fc8ea;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-thema="hell"]) {
    --akzent: #7fb6e8;
    --akzent-2: #4e93cf;
    --akzent-flaeche: #2a6398;
    --fuss-bg: #060a0f;
  }
}

:root[data-thema="dunkel"] {
  --akzent: #7fb6e8;
  --akzent-2: #4e93cf;
  --akzent-flaeche: #2a6398;
  --fuss-bg: #060a0f;
}

:root[data-thema="hell"] {
  --akzent: #1d4e7c;
  --akzent-2: #2a6ba8;
  --akzent-flaeche: #1d4e7c;
  --fuss-bg: #0d131a;
}