/* Current Spot · Dunkelmodus für die bestehenden Seiten der Bauart hubfam
   (tibber, tibber-apple-watch, alle Sprachen), 04.10.2026.
   Der Worker hängt diese Datei als letztes Stylesheet an, theme.js setzt data-theme auf <html>.
   Jede Regel beginnt mit html[data-theme="dark"], die helle Fassung bleibt also unverändert.
   Palette wie die neuen Seiten (site.css): Grund #000, abgesetzt #111113, Karten #1c1c1e. */

/* Tokens der Seite umstellen: Schrift hell, Papier dunkel, Links und Kicker im hellen Türkis */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#f5f5f7; --ink2:#c7c7cc; --mut:#98989d;
  --paper:#111113;
  --acc-deep:#5FD9EC;
}

/* Seitengrund; Hero, Live-Watt-Band und Fußzeile sind schon dunkel und bleiben, wie sie sind */
html[data-theme="dark"] body{background:#000}

/* Weiße Abschnitte: Setup trägt background:#fff als Inline-Stil, daher !important */
html[data-theme="dark"] .setup{background:#000 !important}
html[data-theme="dark"] .answer{background:#000}

/* Wechsel schwarz und #111113 wie auf den neuen Seiten. Ohne diese Regel stünden auf /tibber
   Setup, Sicherheit, FAQ und Abschluss schwarz untereinander. .secure gibt es nur dort. */
html[data-theme="dark"] .secure,
html[data-theme="dark"] .secure ~ .final{background:#111113}

/* Karten: Funktionen, Setup-Schritte, Antwort-Box */
html[data-theme="dark"] .fcard,
html[data-theme="dark"] .step,
html[data-theme="dark"] .answer .box{background:#1c1c1e;border-color:rgba(255,255,255,.12);box-shadow:none}
html[data-theme="dark"] .answer .box{border-left-color:var(--acc)}

/* Schritt-Nummern wie auf den neuen Seiten: weiß auf tiefem Türkis (Kontrast 4,8:1) */
html[data-theme="dark"] .step .num{background:#0A7D91}

/* Primärknöpfe hell wie auf den neuen Seiten */
html[data-theme="dark"] .pill,
html[data-theme="dark"] nav .cta{background:#f5f5f7;color:#000}

/* FAQ-Trennlinien */
html[data-theme="dark"] .faq details{border-bottom-color:rgba(255,255,255,.12)}