/* Heller Modus für die Bedien-Oberflächen (Control-Panel, Admin, Login).
   Overlay und LED-Wall sind bewusst NICHT betroffen – die behalten ihr
   pro Spiel konfiguriertes Broadcast-Aussehen.
   `html.light` hat höhere Spezifität als `:root` und überschreibt damit die
   Standard-(Dunkel-)Variablen unabhängig von der Lade-Reihenfolge der CSS-Dateien. */

html.light {
  --bg: #ECEAF4;          /* App-Hintergrund (sanftes Lavendel-Grau) */
  --bg2: #FFFFFF;         /* leicht erhabene Flächen */
  --card: #FFFFFF;        /* Karten */
  --border: rgba(26, 18, 46, 0.14);
  --text: #1B1630;        /* nahezu schwarz, violetter Stich */
  --dim: #46405C;         /* Fließtext */
  --muted: #6B6580;       /* Labels */
  --primary: #7C4DFF;     /* Violet (etwas dunkler für Kontrast auf Weiß) */
  --primary-h: #6A37FF;
  --primary-tx: #5B3FD6;  /* Text auf tonalen Violet-Buttons */
  --primary-soft: rgba(124, 77, 255, 0.12);
  --primary-soft-h: rgba(124, 77, 255, 0.20);
  --primary-soft-bd: rgba(124, 77, 255, 0.38);
  --warn: #E5397A;
  --warn-h: #D62E6C;
  --warn-tx: #C2185B;     /* Text auf tonalen Warn-Buttons */
  --warn-soft: rgba(229, 57, 122, 0.12);
  --warn-soft-h: rgba(229, 57, 122, 0.20);
  --warn-soft-bd: rgba(229, 57, 122, 0.38);
  color-scheme: light;
}

/* Flächen, die im Dunkelmodus weiße Transparenz nutzen, würden hell „weiß auf
   weiß" verschwinden – hier auf eine dunkle Transparenz drehen. */
html.light .pl-chip .pl-cam,
html.light .ev-tag { background: rgba(26, 18, 46, 0.07); }
html.light .oad-chip { background: rgba(26, 18, 46, 0.06); }