/* ==== Theme Custom Overrides (aus DB) ==== */

/* Global (wirkt in dark & light) */
:root{--primary:#00385e;--text:#e8f1f8;--muted:#9fb5c6;--font-base:Verdana}

/* Light-Mode Overrides – SICHERES FALLBACK-SET */
html[data-theme="light"]{
  /* Falls der Admin keine Werte gesetzt hat, halten diese Defaults alles sichtbar */
  --bg:#f7f9fc;
  --panel:#ffffff;
  --panel-2:#f1f5fb;
  --panel-3:#eaf2ff;
  --text:#0b1620;
  --muted:#51606d;
  --border: rgba(0,0,0,.14);
  --border-soft: rgba(0,0,0,.08);

  /* Button/Badge bleiben via Variablen steuerbar (primary weiter nutzbar) */
  --bg:#0080c0;--panel:#808080;--panel-2:#ffffff;--text:#0b1620}

/* Light-Compat: harte Komponenten mit weißer Schrift auf hellem BG anpassen */
html[data-theme="light"] .topbar{ color: var(--text); }
html[data-theme="light"] .topbar a,
html[data-theme="light"] .topbar .btn{ color: var(--text); }

html[data-theme="light"] .card-head{
  color: var(--text);
  text-shadow: none;
  border-bottom: 1px solid var(--border-soft);
}

html[data-theme="light"] .card{
  /* Panels sind ohnehin var-basiert, trotzdem sanft abdunkeln */
  box-shadow: 0 2px 10px rgba(0,0,0,.10);
}

html[data-theme="light"] .btn{
  background: #eef3f9;
  color: var(--text);
  border-color: var(--border);
}
html[data-theme="light"] .btn.primary{
  /* Primary bleibt hell auf farbigem Button */
  color:#fff;
}

html[data-theme="light"] .table thead th{
  color: var(--text);
  background: rgba(0,0,0,.04);
  border-bottom:1px solid var(--border-soft);
}
html[data-theme="light"] .table--striped tbody tr:nth-child(even){
  background: rgba(0,0,0,.02);
}
html[data-theme="light"] .table--hover tbody tr:hover{
  background: rgba(0,0,0,.06);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
}

html[data-theme="light"] .flash{
  color: var(--text);
  border-color: var(--border);
  background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,0));
}