/* ============================================================
   Wasserturmsiedlung — Theme-Bridge
   Mappt die Bestandspalette (styles.css/v2.css/intern.css) auf
   die Themes aus tokens.css. Als LETZTES Stylesheet laden.
   ============================================================ */
html[data-theme="dark"]{
  --cream:#14211a; --beige:#2f4237; --beige-warm:#26382e; --beige-soft:#1c2d24;
  --orange:#e88a52; --orange-soft:#f0a06c;
  --moss:#7a8a6e; --moss-soft:#8a9a7e;
  --ink:#f3eedd; --ink-soft:#c3c0ac; --dark:#a9b8c2;
  --line:#3a4d40; --gold:#d9b05e;
}
html[data-theme="project"]{
  --cream:#16222e; --beige:#324457; --beige-warm:#263646; --beige-soft:#1f2f3e;
  --orange:#e8a15c; --orange-soft:#f2b476;
  --moss:#8a9a7e; --moss-soft:#9aa88e;
  --ink:#ece5d0; --ink-soft:#b9b49f; --dark:#a9b8c2;
  --line:#35485c; --gold:#e0b264;
}
/* Karten/Boxen heben sich vom dunklen Grund ab */
html[data-theme="dark"] :is(.card,.hub-tile,.matrix-col,.model-block,.rule-card,.sv-card,.unit-card,.form-wrap,.prio-chip,.calc-chip,.we-card,.faq-item,.detail-box),
html[data-theme="project"] :is(.card,.hub-tile,.matrix-col,.model-block,.rule-card,.sv-card,.unit-card,.form-wrap,.prio-chip,.calc-chip,.we-card,.faq-item,.detail-box){
  background: var(--surface);
}
html[data-theme="dark"] :is(.form-wrap input[type="text"],.form-wrap input[type="email"],.form-wrap input[type="tel"],.form-wrap textarea,.form-wrap select),
html[data-theme="project"] :is(.form-wrap input[type="text"],.form-wrap input[type="email"],.form-wrap input[type="tel"],.form-wrap textarea,.form-wrap select){
  background: var(--bg); color: var(--text);
}
/* Foto-Heros & bewusst dunkle Blöcke behalten ihre Originalpalette */
html[data-theme="dark"] :is(.hero,.manifesto-hero,.intro-gate,.crew-banner,.sec-dark,.card.dark,.phase-card.now,#wts-gate),
html[data-theme="project"] :is(.hero,.manifesto-hero,.intro-gate,.crew-banner,.sec-dark,.card.dark,.phase-card.now,#wts-gate){
  --cream:#fbfaf5; --beige:#e7e4d3; --beige-warm:#efe9d6; --beige-soft:#f3eedd;
  --orange:#d96827; --orange-soft:#e88a52; --ink:#1d3b2e; --ink-soft:#46594c;
  --line:#d8cdb9; --gold:#c79a3a;
}
/* Aktive Rechen-Chips behalten ihre Invertierung (Surface-Regel würde sie sonst unlesbar machen) */
html[data-theme="dark"] .calc-chip.on, html[data-theme="project"] .calc-chip.on{ background: var(--chip-active-bg); color: var(--chip-active-tx); border-color: transparent; }
/* Status-Chips (intern) in dunklen Themes gedämpft */
html[data-theme="dark"] :is(.u-status.frei,.u-status.gespraech,.u-status.reserviert),
html[data-theme="project"] :is(.u-status.frei,.u-status.gespraech,.u-status.reserviert){
  background: var(--chip-bg); color: var(--text);
}
/* Zackenkanten-Divider tragen fest codierte helle Farben — in dunklen Themes ausblenden.
   Die Torn-Kante unter dem Hero ist theme-fähig (currentColor) und bleibt sichtbar. */
html[data-theme="dark"] :is(.divider,.jagged),
html[data-theme="project"] :is(.divider,.jagged){ display: none; }
html[data-theme="dark"] .manifesto-torn,
html[data-theme="project"] .manifesto-torn{ filter: none; }
/* FAQ-Karten bekommen im dunklen Theme eine Fläche — dann brauchen sie Innenabstand */
html[data-theme="dark"] .faq-item,
html[data-theme="project"] .faq-item{
  padding: 1.2rem 1.5rem; border: 1px solid var(--line-soft); border-radius: 8px;
}
html[data-theme="dark"] .faq-item + .faq-item,
html[data-theme="project"] .faq-item + .faq-item{ margin-top: .7rem; }
/* Gate-Passwortfeld: in allen Themes identisch (creme, dunkle Schrift) */
html[data-theme="dark"] #wts-gate .gate-form input,
html[data-theme="project"] #wts-gate .gate-form input{ background:#fbfaf5; color:#1d3b2e; }

/* Eyebrows: in dunklen Themes hellere Orange-Stufe (Kontrast), Dunkelsektionen immer hell */
html[data-theme="dark"] .eyebrow, html[data-theme="project"] .eyebrow{ color: var(--orange-soft); }
section.sec-dark .eyebrow{ color: #f0a06c; }

/* Textlinks in dunklen Themes eine Stufe heller (Kontrast auf Surface-Karten) */
html[data-theme="dark"] :where(p, li, .faq-a, .detail-body, .u-desc) a:not(.btn),
html[data-theme="project"] :where(p, li, .faq-a, .detail-body, .u-desc) a:not(.btn){ color: var(--orange-soft); }