/* ===== Schrift-Varianten ===== */
body.fA { --font-head: "Cormorant Garamond", Georgia, serif; --font-body: "Jost", "Segoe UI", sans-serif; --head-weight: 500; }
body.fB { --font-head: "Fraunces", Georgia, serif; --font-body: "Manrope", "Segoe UI", sans-serif; --head-weight: 300; }
body.fC { --font-head: "Playfair Display", Georgia, serif; --font-body: "Montserrat", "Segoe UI", sans-serif; --head-weight: 400; }
h1, h2, h3, .bigquote, .topics li, .num, .quote p { font-weight: var(--head-weight, 400); }
body.fA h1 { font-size: clamp(2.7rem, 6vw, 4.9rem); }
body.fA .bigquote { font-size: clamp(2rem, 3.8vw, 3rem); }

/* ===== Helle Variante ===== */
body.light {
  --gold-text: #9a7a35;
  --text-soft: #4a5453;
  --hell-bg: #faf7f1;
  --nebel-hell: #e8efeb;
  background: var(--hell-bg);
}

/* Header */
.light .logo, .light .nav a { color: var(--anthrazit); }
.light .nav a:hover { color: var(--smaragd-hell); }
.light .logo small { color: var(--gold-text); }
.light .header.scrolled { background: rgba(250, 247, 241, .97); box-shadow: 0 1px 0 rgba(14, 74, 64, .12); }
.light .burger span { background: var(--smaragd); }

/* Buttons */
.light .btn-gold { background: var(--smaragd); border-color: var(--smaragd); color: #fff; }
.light .btn-gold:hover { background: #0a3a32; border-color: #0a3a32; }
.light .nav .btn { color: #fff; }
.light .btn-outline { color: var(--smaragd); border-color: var(--smaragd); }
.light .btn-outline:hover { background: var(--smaragd); color: #fff; }
.light .green .btn-gold, .light #kontakt .btn-gold { background: var(--gold); border-color: var(--gold); color: var(--anthrazit); }
.light .green .btn-gold:hover, .light #kontakt .btn-gold:hover { background: var(--gold-hell); }

/* Akzente */
.light .eyebrow, .light em.gold, .light .gold { color: var(--gold-text); }
.light .green .eyebrow, .light .green .gold, .light #kontakt .eyebrow { color: var(--gold); }

/* Hero */
.light .hero {
  background:
    radial-gradient(ellipse at 78% 25%, rgba(201, 165, 92, .22) 0%, rgba(201, 165, 92, 0) 45%),
    linear-gradient(180deg, #e3ece7 0%, var(--hell-bg) 78%);
  color: var(--anthrazit);
}
.light .hero { padding-bottom: 200px; }
.light .hero-mountains { height: 34%; opacity: .85; }
.light .hero-mountains path:nth-of-type(1) { fill: #c9d9d2; }
.light .hero-mountains path:nth-of-type(2) { fill: #b4c9c0; opacity: .7; }
.light .hero-mountains path:nth-of-type(4) { fill: var(--hell-bg); }
.light .hero-claims { color: var(--smaragd); }
.light .hero .lead { color: var(--text-soft); }
.light .award-line { color: var(--gold-text); border-color: rgba(154, 122, 53, .4); }
.light .award-line svg { stroke: var(--gold-text); }

/* Bereiche */
.light .dark { background: #fff; color: var(--text-dunkel); }
.light .dark p { color: var(--text-soft); }
.light #werte { background: var(--nebel-hell); }
.light .pillar { border-color: rgba(14, 74, 64, .16); }
.light .pillar svg, .light .value svg { stroke: #b8924a; }
.light .pillar .tools { color: var(--smaragd-hell); }
.light .card { background: var(--sand); }
.light .card .num { color: var(--gold-text); }
.light .card .for { color: var(--smaragd-hell); }
.light .card ul { color: var(--text-soft); }
.light .card ul li::before { color: var(--gold-text); }
.light .value h4 { color: var(--anthrazit); }
.light .step-num { color: #fff; }

/* Kontakt als kräftiger Akzent */
.light #kontakt { background: var(--smaragd); color: var(--text-hell); }
.light #kontakt p { color: #c9d8d2; }
.light #kontakt .contact-info .item { border-color: rgba(255, 255, 255, .18); }
.light #kontakt input, .light #kontakt textarea, .light #kontakt select { border-color: rgba(255, 255, 255, .3); }
.light #kontakt label.f { color: #c9d8d2; }
.light #kontakt select option { color: var(--anthrazit); }

/* Keynote-Seite */
.light .hero-kn { padding-bottom: 110px; }
.light .kn-topic { border-color: rgba(14, 74, 64, .16); background: #fff; }
.light .kn-topic-main { border-top-color: var(--gold); background: var(--hell-bg); }
.light .kn-sub { color: var(--smaragd-hell) !important; }
.light .kn-topic h3, .light .dl span { color: var(--anthrazit); }
.light .dl { border-color: rgba(14, 74, 64, .18); }
.light .dl svg { stroke: #b8924a; }
.light .dl small { color: var(--text-soft); }
.light #themen { background: #fff; }
.light #veranstalter { background: var(--nebel-hell); }

/* Mobile Navigation */
@media (max-width: 860px) {
  .light .nav { background: var(--hell-bg); }
}