/* BSTools Website — buehne.css
   ERZEUGT von werkzeug/farbwelten_bauen.py aus kern/farbwelten.json.
   NICHT VON HAND AENDERN — der Riegel vergleicht Inhalt gegen Inhalt und
   meldet jede Abweichung. Werte aendert man in kern/farbwelten.json.
   NACH /kern/kern.css einbinden, VOR /design.css, sonst wirkt nichts.

   Kein Teil des Design-Kerns (Farbwelten storniert, 30.09.2026): hier
   stehen nur die Farben, die die Webseiten selbst tragen.

   1. Die Welt der Seiten (data-welt am <html>, gelesen aus den Seiten
      der Ordner in ausrollen.conf): Akzent und Dunkelton. Die hellen
      Flaechen- und die Text-Toene sind daraus GERECHNET: der Text-Ton
      erreicht auf Karte, Papier, Chip und seiner eigenen Flaeche
      mindestens 4.5. --auf-dunkel ist die Schrift auf dem Dunkelton.
   2. Die Buehne (Nachtpaket 2000): --buehne-* je Darstellung.

   Ampelfarben (gut/warn/alarm) und ihre Schrift-Toene stehen in kern.css.
*/


/* ---------------------------------------------------------- hell */

[data-welt="bstools"] {  /* BSTools */
  --orange: #EE7F00;  --anthrazit: #18181B;
  --orange-hell: #FDF2E6;  --orange-text: #A95A00;
  --auf-akzent: #502B00;
  --auf-dunkel: #A3A3AD;   /* auf #18181B — Kontrast 7.09 */
}

/* -------------------------------------------------------- dunkel */

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="hell"])[data-welt="bstools"] {
    --orange-hell: #392714;  --orange-text: #EE7F00;
  }
}
@media screen {
  :root[data-theme="dunkel"][data-welt="bstools"] {
    --orange-hell: #392714;  --orange-text: #EE7F00;
  }
}


/* ------------------------------------------------ Buehne der Website */
/* Nachtpaket 2000 (Stefan 25.09.2026): Grund, Text, Karte, Knopf und
   Fokus der Website je Darstellung — hell, dunkel, erhoehter Kontrast.
   landing/design.css legt die Kern-Toene darauf. Jedes Paar ist
   gemessen (Text >= 4.5, Grafik >= 3.0; bei erhoehtem Kontrast Text
   >= 7.0), siehe farbwelten.json. Erhoehter Kontrast schaltet das
   Attribut data-kontrast="an" (landing/anzeige.js). */

:root {  /* hell */
  --buehne-grund: #FFFFFF;
  --buehne-grund-leise: #F9F9FB;
  --buehne-karte: #FFFFFF;
  --buehne-text: #1D1D1F;
  --buehne-text-leise: #6E6E73;
  --buehne-link: #A95A00;
  --buehne-knopf: #EE7F00;
  --buehne-auf-knopf: #1D1D1F;
  --buehne-knopf-rand: #A95A00;
  --buehne-abzeichen: #F2F2F5;
  --buehne-fokus: #1D1D1F;
  --buehne-rand: #E5E5EA;
  --buehne-schatten: #000000;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-theme="hell"]) {  /* dunkel */
    --buehne-grund: #111111;
    --buehne-grund-leise: #151515;
    --buehne-karte: #1C1C1E;
    --buehne-text: #F5F5F7;
    --buehne-text-leise: #A1A1A6;
    --buehne-link: #EE7F00;
    --buehne-knopf: #EE7F00;
    --buehne-auf-knopf: #1D1D1F;
    --buehne-knopf-rand: #EE7F00;
    --buehne-abzeichen: #232326;
    --buehne-fokus: #F5F5F7;
    --buehne-rand: #FFFFFF;
    --buehne-schatten: #FFFFFF;
  }
}

@media screen {
  :root[data-theme="dunkel"] {  /* dunkel */
    --buehne-grund: #111111;
    --buehne-grund-leise: #151515;
    --buehne-karte: #1C1C1E;
    --buehne-text: #F5F5F7;
    --buehne-text-leise: #A1A1A6;
    --buehne-link: #EE7F00;
    --buehne-knopf: #EE7F00;
    --buehne-auf-knopf: #1D1D1F;
    --buehne-knopf-rand: #EE7F00;
    --buehne-abzeichen: #232326;
    --buehne-fokus: #F5F5F7;
    --buehne-rand: #FFFFFF;
    --buehne-schatten: #FFFFFF;
  }
}

:root[data-kontrast="an"] {  /* kontrast_hell */
  --buehne-grund: #FFFFFF;
  --buehne-grund-leise: #FFFFFF;
  --buehne-karte: #FFFFFF;
  --buehne-text: #000000;
  --buehne-text-leise: #3A3A3C;
  --buehne-link: #844600;
  --buehne-knopf: #EE7F00;
  --buehne-auf-knopf: #000000;
  --buehne-knopf-rand: #000000;
  --buehne-abzeichen: #FFFFFF;
  --buehne-fokus: #000000;
  --buehne-rand: #000000;
  --buehne-schatten: #000000;
}

@media screen and (prefers-color-scheme: dark) {
  :root[data-kontrast="an"]:not([data-theme="hell"]) {  /* kontrast_dunkel */
    --buehne-grund: #000000;
    --buehne-grund-leise: #000000;
    --buehne-karte: #000000;
    --buehne-text: #FFFFFF;
    --buehne-text-leise: #D1D1D6;
    --buehne-link: #FFB259;
    --buehne-knopf: #EE7F00;
    --buehne-auf-knopf: #000000;
    --buehne-knopf-rand: #FFFFFF;
    --buehne-abzeichen: #000000;
    --buehne-fokus: #FFFFFF;
    --buehne-rand: #FFFFFF;
    --buehne-schatten: #FFFFFF;
  }
}

@media screen {
  :root[data-kontrast="an"][data-theme="dunkel"] {  /* kontrast_dunkel */
    --buehne-grund: #000000;
    --buehne-grund-leise: #000000;
    --buehne-karte: #000000;
    --buehne-text: #FFFFFF;
    --buehne-text-leise: #D1D1D6;
    --buehne-link: #FFB259;
    --buehne-knopf: #EE7F00;
    --buehne-auf-knopf: #000000;
    --buehne-knopf-rand: #FFFFFF;
    --buehne-abzeichen: #000000;
    --buehne-fokus: #FFFFFF;
    --buehne-rand: #FFFFFF;
    --buehne-schatten: #FFFFFF;
  }
}