/* Heller Modus. Die Seiten bringen die dunkle Farbwelt selbst mit; hier
   stehen nur die Werte, die im Hellen anders sind. Höhere Spezifität
   (:root[data-theme]) als die Seiten-eigenen :root-Regeln, deshalb
   spielt die Reihenfolge der Einbindung keine Rolle.

   Silber bleibt der einzige Akzent. Im Hellen ist das ein dunkles
   Gunmetal für Text und Auswahl, der Hauptknopf bleibt ein silberner
   Metallverlauf mit dünnem Rand — ohne Rand verschwände er auf Weiß. */
:root[data-theme="dunkel"]{ color-scheme: dark; }
:root[data-theme="hell"]{
  color-scheme: light;
  /* Redesign 2.0 „Gelände“, hell: dieselbe Struktur wie dunkel, aus den
     Dunkel-Werten abgeleitet. Weisse Karten auf #f4f4f5, Haarlinien aus
     Schwarz, die Haupttaste ist dunkel (#1b1c1e) mit Fase. Statusfarben
     dunkler fuer Kontrast; Rot #d70015 bleibt allein „ueberfaellig“. */
  --bg:#f4f4f5; --surface:#ffffff; --surface-2:#f0f0f2; --surface-3:#e4e4e7;
  --line:rgba(7,8,10,.08); --line-hell:rgba(7,8,10,.16);
  --text:#07080a; --text-dim:#4f5054; --text-faint:#6a6b6e;
  --accent:#1b1c1e; --accent-dim:#55565a;
  --ok:#12804e; --warn:#8a5f00; --crit:#d70015; --info:#0a6fb8;
  --crit-rgb:215,0,21;
  --silber:#1b1c1e; --silber-fg:#ffffff;
  --taste-fase:0 0 0 2px rgba(7,8,10,.08),0 4px 14px 0 rgba(7,8,10,.18),0 -1px .4px 0 rgba(0,0,0,.4) inset,0 1px .4px 0 rgba(255,255,255,.25) inset;
  --zweit-bg:#ffffff;
  --zweit-fase:0 0 0 1px rgba(7,8,10,.14),0 1px 0 0 #fff inset,0 1px 2px rgba(7,8,10,.05);
  --glas:linear-gradient(137deg,rgba(255,255,255,.8) 4.87%,rgba(246,246,247,.92) 75.88%);
  --glas-kante:0 1px 1px 0 #fff inset,0 0 0 1px rgba(7,8,10,.06);
  --karte:#ffffff;
  --karte-kante:0 1px 0 0 #fff inset,0 1px 3px rgba(7,8,10,.06);
  --feld:rgba(7,8,10,.04);
  --kopf-bg:rgba(244,244,245,.78); --kopf-kante:rgba(7,8,10,.08); --kopf-text:#07080a;
  --kopf-leise:#4f5054; --kopf-flaeche:rgba(7,8,10,.04); --kopf-linie:rgba(7,8,10,.16);

  --mat-flaeche: var(--surface);
  --mat-erhaben: var(--surface);
  --mat-kopf:    #ffffff;
  --mat-vertieft:var(--surface-2);
  --mat-silber:  var(--silber);
  --mat-knopf:   var(--surface);

  --kante:       none;
  --kante-stark: none;
  --schatten:    0 1px 2px rgba(7,8,10,.06), 0 16px 36px rgba(7,8,10,.12);
  --fokus:       0 0 0 2px rgba(7,8,10,.45);
  --kraftstoff:  #3c4147;
  --s-benzin:    #9a6a10;
  --s-hvo:       #1f7a52;
  --s-lpg:       #8e3fa8;
  --s-sonst:     #6b7178;
}

/* Harte Werte aus den Seiten ersetzen */
[data-theme="hell"] dialog{ box-shadow:0 24px 60px rgba(16,20,26,.22) }
[data-theme="hell"] dialog::backdrop{ background:rgba(16,20,26,.4) }
[data-theme="hell"] dialog.blatt::backdrop{ background:rgba(16,20,26,.35) }
[data-theme="hell"] .toast{ background:#1b1f24; color:#f5f6f7; border-color:#1b1f24; box-shadow:0 10px 28px rgba(16,20,26,.25) }
[data-theme="hell"] .toast.err{ color:#ffd666; border-color:#9a6700 }
[data-theme="hell"] mark.treffer{ background:rgba(232,185,14,.4) }

/* Der Lichtkasten für Fotos und Videos bleibt dunkel — Bilder wirken
   auf Schwarz am besten, und der Text darin liegt auf Schwarz. */
[data-theme="hell"] .lb,
[data-theme="hell"] .pdf-dlg{
  --text:#f0f1f3; --text-dim:#9ea4aa; --text-faint:#686d73;
  --line:#2f3338; --surface-2:#1e2125;
  color:#f0f1f3;
}

/* Seit dem Redesign „Gelände“ folgt die Kopfleiste der Darstellung: Ohne
   das Tag black-translucent nimmt die iOS-Statusleiste die Farbe des
   obersten Elements an (#statusleiste). Am iPhone pruefen. */