/* Dunkelmodus: Farben, die einzelne Seiten fest setzen (hell gedacht), lesbar machen.
   :root erhöht die Spezifität – so gelten die Regeln auch gegenüber den <style>-Blöcken der Seiten. */
@media (prefers-color-scheme: dark) {
  :root .ok, :root .gruen, :root .erfuellt { color: var(--ok) !important; }
  :root .warn, :root .fehler, :root .rot, :root .error { color: var(--err) !important; }
  :root .warnung, :root .hinweis-warn { color: var(--warn) !important; }
  :root .klein, :root .muted, :root small { color: var(--muted); }
  :root .meldung.success { background: #16301a; color: #b9eebb; border-left-color: #4caf50; }
  :root .meldung.error { background: #3a1915; color: #ffc4bb; border-left-color: #ff6b5b; }
  :root .meldung.warning, :root .meldung.info { background: #33290f; color: #ffe2a3; border-left-color: var(--orange); }
  :root .vorschau-band { background: #3a2f0c; color: #ffe08a; }
  /* aktive Reiter: Orange mit dunkler Schrift */
  :root .vm-reiter a.aktiv, :root .reiter a.aktiv, :root .jg a.aktiv, :root .kopf .umschalter a.aktiv {
    color: var(--on-orange); }
  :root .btn-edit:hover, :root .btn.accent:hover, :root button.accent:hover { color: var(--on-orange); }
  /* fest helle Flächen aus einzelnen Seiten (Hinweiskästen) abdunkeln */
  :root [style*="background:#fff3cd"], :root [style*="background: #fff3cd"], :root [style*="background:#fff8e1"],
  :root [style*="background: #fff8e1"], :root [style*="background:#fff2cc"], :root [style*="background: #fff3e0"] {
    background: #33290f !important; color: #ffe2a3 !important; border-color: #8a6a1a !important; }
  :root [style*="background:#fffff7"], :root [style*="background: #fffff7"], :root [style*="background:#fff;"],
  :root [style*="background: #fff;"], :root [style*="background:#ffffff"], :root [style*="background: #ffffff"],
  :root [style*="background: #f7f7f5"], :root [style*="background:#f7f7f5"] {
    background: var(--card) !important; color: var(--text) !important; }
  :root [style*="background:#eef6ff"], :root [style*="background:#dbe9f6"] { background: #17283a !important; color: #cfe3ff !important; }
  :root [style*="background:#e2f0d9"], :root [style*="background: #e8f5e9"] { background: #16301a !important; color: #c8f0c9 !important; }
  :root [style*="background:#fff8f8"], :root [style*="background:#fce4d6"] { background: #3a1915 !important; color: #ffd2cb !important; }
  /* Inline-Textfarben gibt es nicht mehr – Seiten nutzen .ok/.warn/.err/.muted (basis.css) */
  :root .minus { color: var(--err) !important; } :root .plus { color: var(--ok) !important; }
}