/* =========================================================
   TEST: Variante A (Hybrid) – helle Content-Flächen,
   Header/Footer bleiben bewusst im dunklen Original-Theme.
   Nur auf index.html aktiv (body.home-light-test).
   Hintergrund/Entscheidung: siehe Chat vom 08.10.2026.
   ========================================================= */

body.home-light-test {
  /* Content-Flächen: warmes, sehr helles Salbeigrün statt kühlem Grau
     (Werte von Heiko vorgegeben, Rest passend dazu abgeleitet) */
  --bg:           #E8F0EA;
  --bg-alt:       #DCE7DF;
  --surface:      #F4F7F3;
  --surface-2:    #EEF3EE;
  --border:       #CFDBD2;

  /* Akzent: dunkles Waldgrün für Überschriften, Buttons, Akzente (AA-Kontrast geprüft) */
  --accent:       #086f54;
  --accent-2:     #0a8a68;
  --accent-soft:  rgba(8, 111, 84, 0.10);

  /* Text: warmes Dunkelgrün-Schwarz statt reinem Weiß */
  --text:         #17211D;
  --text-muted:   #3e4b46;
  --text-dim:     #57675f;
}

/* ---------- Hero: Glow-Farben an neues Grün angepasst ---------- */
body.home-light-test .hero {
  background:
    radial-gradient(900px 500px at 75% -10%, rgba(8, 111, 84, 0.10), transparent 60%),
    radial-gradient(700px 400px at 10% 110%, rgba(10, 138, 104, 0.07), transparent 55%),
    var(--bg);
}

/* ---------- CTA-Buttons: feste Füllung statt Gradient (Kontrast-Sicherheit) ---------- */
body.home-light-test .btn-primary {
  background: #086f54;
  color: #ffffff;
  box-shadow: 0 10px 24px rgba(8, 111, 84, 0.25);
}
body.home-light-test .btn-primary:hover {
  color: #ffffff;
  box-shadow: 0 14px 30px rgba(8, 111, 84, 0.38);
}

/* ---------- Nummern-Badges (Ablauf-Schritte, wp-check): fester Fill statt Gradient.
   Mit dem Original-Mint (#2dd4bf) + dunklem Text (#04231d) lag der Kontrast bei 10:1,
   mit dem neuen, dunkleren Grün nur noch bei 2,7:1 – FAIL. Fix: weißer Text + Vollton. --- */
body.home-light-test .card-step,
body.home-light-test .wpc-step .num,
body.home-light-test .danke-check {
  background: #086f54;
  color: #ffffff;
}

/* =========================================================
   Header, mobiles Menü und Footer bleiben unverändert dunkel
   (Variante A = Hybrid). Alle Werte hier sind bewusst die
   ORIGINALEN Dark-Theme-Farben, fest verdrahtet statt über
   die oben neu belegten Variablen.
   ========================================================= */

body.home-light-test .site-header.scrolled { border-bottom-color: #3d352d; }
body.home-light-test .site-header .brand,
body.home-light-test .site-header .brand:hover { color: #e8edf2; }
/* .brand-mark ist jetzt in style.css fest verdrahtet, keine Überschreibung nötig. */
body.home-light-test .main-nav a { color: #9fb0c0; }
body.home-light-test .main-nav a:hover { color: #e8edf2; }
/* .nav-cta ist jetzt in style.css fest verdrahtet (dunkel + Mint-Text/-Rand),
   braucht hier keine eigene Überschreibung mehr. */
body.home-light-test .nav-toggle span { background: #e8edf2; }

@media (max-width: 860px) {
  body.home-light-test .main-nav {
    background: #231e19;
    border-bottom: 1px solid #3d352d;
  }
  body.home-light-test .main-nav a { border-bottom: 1px solid #3d352d; }
}

body.home-light-test .site-footer {
  background: #231e19;
  border-top-color: #3d352d;
}
body.home-light-test .site-footer .footer-col h4,
body.home-light-test .site-footer .footer-brand { color: #e8edf2; }
body.home-light-test .site-footer .footer-col p { color: #9fb0c0; }
body.home-light-test .site-footer a { color: #2dd4bf; }
body.home-light-test .site-footer a:hover { color: #1bd1a5; }
body.home-light-test .site-footer .footer-bottom { border-top-color: #3d352d; }
body.home-light-test .site-footer .footer-bottom p { color: #6b7d8f; }
body.home-light-test .site-footer .to-top { color: #9fb0c0; }
body.home-light-test .site-footer .to-top:hover { color: #2dd4bf; }