/* Dunkelmodus für wegweiser.css (Janosch 27.10.2026). Wird nur bei prefers-color-scheme: dark geladen (media am <link>), nach
   dark.css (Variablen) und den hellen Sheets. Regeln hier ohne @media-Mantel. Helles Design nicht anfassen. */

/* wegweiser.css setzt helle Flächen auf html.ww und überstimmt damit :root aus dark.css: hier wieder dunkel. */
html.ww{--paper:#0a1b27;--card:#0e2332;--line:#1d3344;--gold-soft:#1c2a30}

/* Fokus und Kreis */
html .ww-kreis-svg{filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}
html .ww-kreis-frage-icon{box-shadow:0 10px 26px rgba(0,0,0,.5)}
html .ww-kreis-frage-text{box-shadow:0 8px 22px rgba(0,0,0,.4)}
html .ww-kreis-frage:focus-visible .ww-kreis-frage-icon{box-shadow:0 0 0 3px #0a1b27,0 0 0 5px #c9a96e}
html .ww-kreis-mitte:hover,html .ww-kreis-mitte:focus-visible{box-shadow:0 8px 24px rgba(201,169,110,.25)}

/* Knöpfe: Gold als Fläche mit dunkler Schrift */
html .ww-btn{background:linear-gradient(135deg,#e0c48c,#c9a96e 55%,#b08f52);color:#061520}
html .ww-btn:hover{background:linear-gradient(135deg,#e8cf9c,#d4b47a 55%,#bd9b5e);color:#061520}
html .ww-btn-line{color:#e0c48c;border-color:#c9a96e}
html .ww-btn-line:hover{background:#c9a96e;color:#061520}

/* Mitgliederbereich: dunkle Karte braucht eine Kante gegen den dunklen Grund */
html .ww-app{border:1px solid #1d3344}

/* Kurzformular */
html .ww-form input[type=text],html .ww-form input[type=email],html .ww-form input[type=tel],html .ww-form select,html .ww-form textarea{
  background:#0a1b27;color:#e8eef3;border-color:#3a5568}
html .ww-form input::placeholder,html .ww-form textarea::placeholder{color:#9fb3c4;opacity:1}
html .ww-form select option{background:#0e2332;color:#e8eef3}
html .ww-radio{background:#0a1b27;border-color:#3a5568}
html .ww-radio input,html .ww-check input{accent-color:#c9a96e}
html .ww-radio:has(input:checked){border-color:#c9a96e;background:#1c2a30}
html .ww-err{color:#ff9a92}
html .ww-wa{color:#e0c48c}

/* Kurz gefragt, Wissenskarten */
html .wi-karte{background:#0e2332;border-color:#1d3344;box-shadow:0 8px 24px rgba(0,0,0,.3)}
html .wi-karte:hover{box-shadow:0 16px 36px rgba(0,0,0,.45)}
html .wi-kicker{color:#e0c48c}
html .wi-zahl{color:#e0c48c}
html .wi-karte h3{color:#e8eef3}
html .wi-karte p{color:#b6c6d3}
html .wi-karte .wi-du{color:#e8eef3;background:#163043}
html .wi-karte .wi-quelle{color:#9fb3c4}
html .wi-quelle a{color:#e0c48c}

/* Cookie-Hinweis und Staging-Umschalter */
html .consent{background:#0e2332;color:#e8eef3;border-top-color:#c9a96e;box-shadow:0 -8px 30px rgba(0,0,0,.5)}
html .consent-text{color:#c9d6e0}
html .consent-details{color:#9fb3c4}
html .consent-more{color:#e0c48c}
html .consent-no{background:transparent;color:#e8eef3;border-color:#6b8296}
html .consent-yes{background:linear-gradient(135deg,#e0c48c,#c9a96e);color:#061520;border-color:#c9a96e}

/* Fußzeile */
html .ww-foot-copy{color:#9fb3c4}
html .ww-foot{color:#b6c6d3}
html .ww-foot-small a,html .consent-open a{color:#b6c6d3}