/* ===================================================================
   Projektweiter Dark Mode (v2.64, Vorgabe D. Siekiera) – gehört zu /theme.js.
   Ladereihenfolge: bootstrap → bruecke → (style.css/Inline-Styles) → DIESE Datei.
   Zwei Aufgaben:
   1) Der ☀/🌙-Knopf selbst (im Header bzw. fest oben rechts).
   2) html.dunkel für die Seiten OHNE style.css (Verwaltung, Firmen, Login,
      Passwort) sowie Nachbesserungen fest verdrahteter heller Farben
      (Homepage, Start, Anleitung). Werte = Dark-Palette aus style.css.
   =================================================================== */

/* ---------- 1) Der Schalter ---------- */
/* width/margin ausdrücklich neutralisieren – Login/Passwort stylen button global (width:100%) */
button#themaSchalter{cursor:pointer;line-height:1;font-size:14px;width:auto;margin:0;flex:0 0 auto}
button.thema-fest{position:absolute;top:22px;right:26px;z-index:11;background:#fff;color:#24302A;
  border:1px solid var(--linie,#D8DED4);border-radius:8px;padding:7px 11px;font-weight:600}
.thema-fest:hover{border-color:var(--blatt,#4C9A3F)}
html.dunkel .thema-fest{background:#1C1C1E;border-color:#38383A;color:#F5F5F7}

/* ---------- 2) Dunkle Grundpalette für Seiten mit eigenen Inline-Styles ----------
   (auf Seiten mit style.css definiert deren html.dunkel dieselben Werte) */
html.dunkel{
  --tanne:#F5F5F7; --blatt:#30D158; --blatt-tief:#28B14C;
  --kalk:#000000; --linie:#38383A; --grau:#98989D;
  --tinte:#F5F5F7; --ziegel:#FF6961;
}
html.dunkel body{background:var(--kalk);color:var(--tinte,#F5F5F7)}


/* Formularfelder & Knöpfe */
html.dunkel input,html.dunkel select,html.dunkel textarea,
html.dunkel .form-control,html.dunkel .form-select{background-color:#161617;color:#F5F5F7;border-color:#38383A}
html.dunkel .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}


/* Tabellen, Chips, Rechtebaum, aufklappbare Projekt-Zeilen */
html.dunkel .chip{background:#161617;border-color:#38383A}
html.dunkel .rbaum .gruppe{border-color:#38383A}
html.dunkel tr[id^="pz-"]{background:#161617!important}

/* ---------- Homepage (home/funktionen/marktplaetze/preise) ----------
   fest verdrahtete dunkelgrüne Textfarben auf hellen Karten */
html.dunkel .hp-karte p,html.dunkel .hp-karte li,
html.dunkel .hp-schritt p,html.dunkel .hp-mp p,html.dunkel .hp-mp li{color:#C7C7CC}
html.dunkel .hp-loginbox{box-shadow:0 12px 40px rgba(0,0,0,.6)}

/* ---------- Startseite (start.html) ---------- */
html.dunkel #ersteSchritte{background:#12231A;border-color:rgba(48,209,88,.35)}

/* Nummernkreise mit background:var(--tanne) + weißer Ziffer: im Dunkeln ist
   --tanne fast weiß – Ziffer dunkel stellen (Anleitung, Start, Homepage) */
html.dunkel .an-nr,html.dunkel .schritt .nr,html.dunkel .hp-schritt::before{color:#1D1D1F}

/* ---------- Anleitung (guide.html) ---------- */
html.dunkel .an-tab code,html.dunkel .an-optional{background:#2C2C2E;color:#C7C7CC}
html.dunkel .an-pflicht{background:rgba(48,209,88,.16);color:#4ADE80}
html.dunkel .an-warnung{background:rgba(255,159,10,.12)}
html.dunkel .an-gut{background:rgba(48,209,88,.10)}