/* Farben der Weboberflaeche des Pi/Servers - EIGENE Palette, unabhaengig von App und Node
   (Nutzer 2026-10-08: "Die Farben der UI des Servers sind unabhaengig von denen der APP oder des Node! Ganz wichtig!!!").
   Nicht aus design/basis.json erzeugen und nicht dorthin uebernehmen. Genutzt nur von web.css. */
:root, [data-bild="dunkel"] {
  --hintergrund: #0B0E13;     /* Seite */
  --leiste: #10151C;          /* Kopfzeile, Seitenleiste */
  --leiste-linie: #1F2733;    /* Trennlinien der Leisten */
  --flaeche: #1A212C;         /* Karte, Kachel - deutlich ueber dem Hintergrund */
  --flaeche-hoch: #202836;    /* Meldung, liegt hoeher */
  --linie: #2A3442;           /* Rand von Karten, Tabellenlinien */
  --linie-stark: #364254;     /* Rand von Meldungen, Feldern */
  --eingabe: #222A36;         /* Eingabefeld */
  --text: #E8EDF3;
  --text-stark: #FFFFFF;      /* Ueberschriften, Werte */
  --text-leise: #9AA6B5;      /* Nebentext, Hilfe */
  --text-klein: #8692A2;      /* Gross-Ueberschriften der Karten */
  --text-platzhalter: #5C6879;
  --akzent: #8EB9FC;          /* Links, aktiver Menuepunkt, Tasten */
  --akzent-hover: #AFCEFD;
  --akzent-flaeche: #1A2638;  /* hinter dem aktiven Menuepunkt */
  --knopf-oben: #283750;
  --knopf-unten: #1E2A3D;
  --gefahr-oben: #3A1F25;     /* Loeschen, Sperren */
  --gefahr-unten: #2E191E;
  --gut: #78C757;
  --warnung: #F0B342;
  --fehler: #E85E5E;
  --neutral: #8B99A7;
  --schleier: rgba(0, 0, 0, .55);     /* hinter dem Handy-Menue */
  --schatten: rgba(0, 0, 0, .6);
}
[data-bild="hell"] {
  --hintergrund: #F3F6F9;
  --leiste: #E9EEF4;
  --leiste-linie: #D6DEE9;
  --flaeche: #FFFFFF;
  --flaeche-hoch: #F1F5F9;
  --linie: #DFE6EF;
  --linie-stark: #CBD5E1;
  --eingabe: #F4F7FA;
  --text: #1B2330;
  --text-stark: #0F1722;
  --text-leise: #5C6879;
  --text-klein: #667287;
  --text-platzhalter: #9AA6B5;
  --akzent: #2C67C3;
  --akzent-hover: #24569F;
  --akzent-flaeche: #E1EAFA;
  --knopf-oben: #E4EDFB;
  --knopf-unten: #D3E0F6;
  --gefahr-oben: #FCEAEA;
  --gefahr-unten: #F6DBDB;
  --gut: #2F7D18;             /* auf Weiss lesbar */
  --warnung: #A86D06;
  --fehler: #C93C3C;
  --neutral: #8B99A7;
  --schleier: rgba(15, 23, 34, .35);
  --schatten: rgba(15, 23, 34, .25);
}