/* WUPPERFEST – Website-Erscheinungsbild & Saison-Farbschemas */

/* ========== FRÜHLING ========== */
html[data-wf-palette="spring"] {
  --navy: #1a4a32;
  --teal: #5cb338;
  --pink: #e91e7a;
  --orange: #f0a030;
  --yellow: #d4e878;
  --sky: #7ec9e0;
  --green: #8dc63f;
  --cream: #f4faf0;
  --light: #dff2d6;
  --dark: #142818;
  --blob-yellow: rgba(212, 232, 120, 0.55);
  --blob-pink: rgba(233, 30, 122, 0.38);
  --blob-teal: rgba(92, 179, 56, 0.48);
  --blob-sky: rgba(126, 201, 224, 0.42);
  --gradient-accent: linear-gradient(90deg, var(--pink), var(--green), var(--yellow));
  --shadow-lg: 0 25px 50px -12px rgba(26, 74, 50, 0.2);
  --wf-text: var(--navy);
  --wf-surface: var(--cream);
  --wf-surface-alt: var(--light);
}

html[data-wf-palette="spring"] .scroll-stack__panel--light,
html[data-wf-palette="spring"] .scroll-stack__panel--glass,
html[data-wf-palette="spring"] .scroll-stack__panel--lineup,
html[data-wf-palette="spring"] .scroll-stack__panel--partners {
  background: linear-gradient(168deg, #f8fdf5 0%, #e5f6dc 48%, var(--light) 100%) !important;
  color: var(--navy) !important;
}

html[data-wf-palette="spring"] .scroll-stack__panel--dark,
html[data-wf-palette="spring"] .section--editionen {
  background: linear-gradient(155deg, #1a3d28 0%, #2a6b42 55%, #1e5238 100%) !important;
  color: #fff !important;
}

html[data-wf-palette="spring"] .contact-section {
  background: linear-gradient(180deg, var(--cream) 0%, #e8f5e2 100%) !important;
}

html[data-wf-palette="spring"] .vision-blobs {
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(141, 198, 63, 0.2) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 20% 80%, rgba(233, 30, 122, 0.14) 0%, transparent 50%),
    radial-gradient(ellipse 60% 45% at 85% 25%, rgba(126, 201, 224, 0.14) 0%, transparent 45%);
}

html[data-wf-palette="spring"] .scroll-stack__panel--vision {
  background: linear-gradient(165deg, #1a3d28 0%, #245c38 50%, #1a4a32 100%) !important;
}

html[data-wf-palette="spring"] .edition-card__img--logo {
  background: linear-gradient(160deg, #f8fdf5 0%, #dff2d6 100%) !important;
}

/* ========== SOMMER ========== */
html[data-wf-palette="summer"] {
  --navy: #0c3d5e;
  --teal: #1ba3d4;
  --pink: #ff4d7d;
  --orange: #ff8c2a;
  --yellow: #ffc93d;
  --sky: #00b4e8;
  --green: #3dd68c;
  --cream: #fff9eb;
  --light: #e5f4ff;
  --dark: #062838;
  --blob-yellow: rgba(255, 201, 61, 0.62);
  --blob-pink: rgba(255, 77, 125, 0.38);
  --blob-teal: rgba(0, 180, 232, 0.5);
  --blob-sky: rgba(27, 163, 212, 0.55);
  --gradient-accent: linear-gradient(90deg, var(--sky), var(--yellow), var(--orange));
  --shadow-lg: 0 25px 50px -12px rgba(12, 61, 94, 0.22);
  --wf-text: var(--navy);
  --wf-surface: var(--cream);
  --wf-surface-alt: var(--light);
}

html[data-wf-palette="summer"] .scroll-stack__panel--light,
html[data-wf-palette="summer"] .scroll-stack__panel--glass,
html[data-wf-palette="summer"] .scroll-stack__panel--lineup,
html[data-wf-palette="summer"] .scroll-stack__panel--partners {
  background: linear-gradient(168deg, #fffdf5 0%, #fff4d6 42%, var(--light) 100%) !important;
  color: var(--navy) !important;
}

html[data-wf-palette="summer"] .scroll-stack__panel--dark,
html[data-wf-palette="summer"] .section--editionen {
  background: linear-gradient(155deg, #063858 0%, #0a5a82 50%, #0c4870 100%) !important;
  color: #fff !important;
}

html[data-wf-palette="summer"] .contact-section {
  background: linear-gradient(180deg, var(--cream) 0%, var(--light) 100%) !important;
}

html[data-wf-palette="summer"] .vision-blobs {
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(255, 201, 61, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 20% 80%, rgba(0, 180, 232, 0.18) 0%, transparent 50%),
    radial-gradient(ellipse 60% 45% at 85% 25%, rgba(255, 77, 125, 0.12) 0%, transparent 45%);
}

html[data-wf-palette="summer"] .scroll-stack__panel--vision {
  background: linear-gradient(165deg, #053048 0%, #0a5880 50%, #074868 100%) !important;
}

html[data-wf-palette="summer"] .edition-card__img--logo {
  background: linear-gradient(160deg, #fffdf5 0%, #e5f4ff 100%) !important;
}

/* ========== HERBST ========== */
html[data-wf-palette="autumn"] {
  --navy: #4a2818;
  --teal: #b85c28;
  --pink: #a83218;
  --orange: #e8721a;
  --yellow: #e8a830;
  --sky: #c95928;
  --green: #6d8c3a;
  --cream: #fdf3e8;
  --light: #f5e0cc;
  --dark: #2a1408;
  --blob-yellow: rgba(232, 168, 48, 0.52);
  --blob-pink: rgba(168, 50, 24, 0.42);
  --blob-teal: rgba(201, 89, 40, 0.45);
  --blob-sky: rgba(184, 92, 40, 0.38);
  --gradient-accent: linear-gradient(90deg, var(--pink), var(--orange), var(--yellow));
  --shadow-lg: 0 25px 50px -12px rgba(74, 40, 24, 0.22);
  --wf-text: var(--navy);
  --wf-surface: var(--cream);
  --wf-surface-alt: var(--light);
}

html[data-wf-palette="autumn"] .scroll-stack__panel--light,
html[data-wf-palette="autumn"] .scroll-stack__panel--glass,
html[data-wf-palette="autumn"] .scroll-stack__panel--lineup,
html[data-wf-palette="autumn"] .scroll-stack__panel--partners {
  background: linear-gradient(168deg, #fff8f0 0%, #f8e4d0 48%, var(--light) 100%) !important;
  color: var(--navy) !important;
}

html[data-wf-palette="autumn"] .scroll-stack__panel--dark,
html[data-wf-palette="autumn"] .section--editionen {
  background: linear-gradient(155deg, #3a1c0c 0%, #6b3820 50%, #4a2818 100%) !important;
  color: #fff !important;
}

html[data-wf-palette="autumn"] .contact-section {
  background: linear-gradient(180deg, var(--cream) 0%, #f5e6d4 100%) !important;
}

html[data-wf-palette="autumn"] .vision-blobs {
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(232, 168, 48, 0.2) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 20% 80%, rgba(168, 50, 24, 0.16) 0%, transparent 50%),
    radial-gradient(ellipse 60% 45% at 85% 25%, rgba(232, 114, 26, 0.14) 0%, transparent 45%);
}

html[data-wf-palette="autumn"] .scroll-stack__panel--vision {
  background: linear-gradient(165deg, #2a1408 0%, #5c3018 50%, #3a1c0c 100%) !important;
}

html[data-wf-palette="autumn"] .edition-card__img--logo {
  background: linear-gradient(160deg, #fff8f0 0%, #f5e0cc 100%) !important;
}

/* ========== WINTER ========== */
html[data-wf-palette="winter"] {
  --navy: #1a3550;
  --teal: #4a9fd4;
  --pink: #6eb8e8;
  --orange: #2a5578;
  --yellow: #a8d4f0;
  --sky: #27aae1;
  --green: #5eb0d8;
  --cream: #eef4f9;
  --light: #d4e5f2;
  --dark: #0a1828;
  --blob-yellow: rgba(168, 212, 240, 0.45);
  --blob-pink: rgba(110, 184, 232, 0.35);
  --blob-teal: rgba(74, 159, 212, 0.48);
  --blob-sky: rgba(39, 170, 225, 0.55);
  --gradient-accent: linear-gradient(90deg, var(--sky), var(--yellow), var(--teal));
  --shadow-lg: 0 25px 50px -12px rgba(26, 53, 80, 0.2);
  --wf-text: var(--navy);
  --wf-surface: var(--cream);
  --wf-surface-alt: var(--light);
}

html[data-wf-palette="winter"] .scroll-stack__panel--light,
html[data-wf-palette="winter"] .scroll-stack__panel--glass,
html[data-wf-palette="winter"] .scroll-stack__panel--lineup,
html[data-wf-palette="winter"] .scroll-stack__panel--partners {
  background: linear-gradient(168deg, #f8fbfd 0%, #e8f2f8 48%, var(--light) 100%) !important;
  color: var(--navy) !important;
}

html[data-wf-palette="winter"] .scroll-stack__panel--dark,
html[data-wf-palette="winter"] .section--editionen {
  background: linear-gradient(155deg, #0c1e30 0%, #1a3a58 50%, #122840 100%) !important;
  color: #fff !important;
}

html[data-wf-palette="winter"] .contact-section {
  background: linear-gradient(180deg, var(--cream) 0%, #dce9f4 100%) !important;
}

html[data-wf-palette="winter"] .vision-blobs {
  background:
    radial-gradient(ellipse 80% 60% at 50% 40%, rgba(168, 212, 240, 0.22) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 20% 80%, rgba(74, 159, 212, 0.16) 0%, transparent 50%),
    radial-gradient(ellipse 60% 45% at 85% 25%, rgba(39, 170, 225, 0.14) 0%, transparent 45%);
}

html[data-wf-palette="winter"] .scroll-stack__panel--vision {
  background: linear-gradient(165deg, #081420 0%, #143050 50%, #0c2038 100%) !important;
}

html[data-wf-palette="winter"] .edition-card__img--logo {
  background: linear-gradient(160deg, #f8fbfd 0%, #d4e5f2 100%) !important;
}

/* Saison: Karten & Formulare auf hellen Panels */
html[data-wf-palette]:not([data-wf-palette="standard"]) .day-card,
html[data-wf-palette]:not([data-wf-palette="standard"]) .info-card,
html[data-wf-palette]:not([data-wf-palette="standard"]) .edition-card {
  background: rgba(255, 255, 255, 0.92) !important;
  color: var(--navy);
}

html[data-wf-palette]:not([data-wf-palette="standard"]) .contact-form {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(21, 60, 99, 0.08);
}

/* ========== DUNKLE VERSION (gesamte Seite) ========== */
html[data-wf-site-mode="dark"],
html.wf-site-dark {
  color-scheme: dark;
  --navy: #e8f0fa;
  --cream: #050a12;
  --light: #0e1624;
  --dark: #010306;
  --wf-text: #e8f0fa;
  --wf-surface: #050a12;
  --wf-surface-alt: #0f1828;
  --wf-card: #151f2e;
  --wf-card-elevated: #1c2a3d;
  --wf-border: rgba(255, 255, 255, 0.1);
  --wf-muted: rgba(232, 240, 250, 0.72);
  --wf-input-bg: #0a121c;
  --glass-bg: rgba(10, 18, 30, 0.82);
  --glass-border: rgba(255, 255, 255, 0.12);
  --glass-dark: rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 25px 50px -12px rgba(0, 0, 0, 0.55);
}

html[data-wf-site-mode="dark"] body,
html[data-wf-site-mode="dark"] main,
body.wf-site-dark,
body.wf-site-dark main {
  background: var(--wf-surface) !important;
  color: var(--wf-text);
}

/* Saisonale helle Verläufe aus (Dunkel hat Vorrang) */
html[data-wf-site-mode="dark"] .scroll-stack__panel--light,
html[data-wf-site-mode="dark"] .scroll-stack__panel--festival-days,
html[data-wf-site-mode="dark"] .scroll-stack__panel--glass,
html[data-wf-site-mode="dark"] .scroll-stack__panel--lineup,
html[data-wf-site-mode="dark"] .scroll-stack__panel--partners,
html[data-wf-site-mode="dark"] .contact-section,
html[data-wf-site-mode="dark"] .section--gradient,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--light,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--festival-days,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--glass,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--lineup,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--partners,
html[data-wf-site-mode="dark"][data-wf-palette] .contact-section {
  background: var(--wf-surface) !important;
  color: var(--wf-text) !important;
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--dark,
html[data-wf-site-mode="dark"] .section--editionen,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--dark,
html[data-wf-site-mode="dark"][data-wf-palette] .section--editionen {
  background: var(--wf-surface-alt) !important;
  color: var(--wf-text) !important;
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--vision,
html[data-wf-site-mode="dark"][data-wf-palette] .scroll-stack__panel--vision {
  background: #060c14 !important;
  color: var(--wf-text) !important;
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--show {
  background: #020508 !important;
}

html[data-wf-site-mode="dark"] .scroll-stack__panel {
  box-shadow: 0 -20px 60px rgba(0, 0, 0, 0.5);
}

/* Hero & Marquee */
html[data-wf-site-mode="dark"] .hero__content-side {
  background: var(--wf-surface) !important;
}

html[data-wf-site-mode="dark"] .hero--premium .marquee {
  background: var(--wf-surface-alt) !important;
  border-top-color: var(--wf-border);
  color: var(--wf-muted);
}

html[data-wf-site-mode="dark"] .hero__tagline,
html[data-wf-site-mode="dark"] .hero__subtitle {
  color: var(--wf-muted);
}

html[data-wf-site-mode="dark"] .hero__tagline-word:not(:last-child)::after {
  color: var(--wf-border);
}

html[data-wf-site-mode="dark"] .tc-navy {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .section__label {
  color: var(--pink);
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--dark .section__label,
html[data-wf-site-mode="dark"] .section--editionen .section__label,
html[data-wf-site-mode="dark"] .scroll-stack__panel--vision .section__label {
  color: var(--yellow);
}

html[data-wf-site-mode="dark"] .section__title,
html[data-wf-site-mode="dark"] .section__lead {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--festival-days .section__title {
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  color: var(--wf-text) !important;
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--festival-days .section__label {
  color: var(--teal);
}

html[data-wf-site-mode="dark"] .scroll-stack__panel--dark .section__lead,
html[data-wf-site-mode="dark"] .scroll-stack__panel--vision .section__lead {
  color: var(--wf-muted);
}

/* Karten & Blöcke */
html[data-wf-site-mode="dark"] #tickets .ticket-card__stub {
  background: var(--wf-card) !important;
}


html[data-wf-site-mode="dark"] :is(
  .day-card,
  .info-card,
  .edition-card,
  .edition-card__body,
  .contact-form,
  .legal-page__inner,
  .edition-block,
  .cookie-consent__card
) {
  background: var(--wf-card) !important;
  color: var(--wf-text) !important;
  border-color: var(--wf-border);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35);
}

html[data-wf-site-mode="dark"][data-wf-palette] :is(
  .day-card,
  .info-card,
  .edition-card,
  .edition-card__body
) {
  background: var(--wf-card) !important;
  color: var(--wf-text) !important;
}

html[data-wf-site-mode="dark"] .edition-card__img--logo {
  background: var(--wf-card-elevated) !important;
}

html[data-wf-site-mode="dark"] .edition-card h3,
html[data-wf-site-mode="dark"] .info-card h3,
html[data-wf-site-mode="dark"] .day-card h3,
html[data-wf-site-mode="dark"] .edition-block h2 {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .edition-card__body p,
html[data-wf-site-mode="dark"] .day-card p,
html[data-wf-site-mode="dark"] .info-card p,
html[data-wf-site-mode="dark"] .edition-block p {
  color: var(--wf-muted);
}

html[data-wf-site-mode="dark"] .edition-card__link,
html[data-wf-site-mode="dark"] .edition-card__num {
  color: var(--sky);
}

html[data-wf-site-mode="dark"] .day-card__num {
  color: var(--pink);
}

html[data-wf-site-mode="dark"] .info-card__badge {
  color: var(--yellow);
}

/* Kontakt */
html[data-wf-site-mode="dark"] .contact-form__field input,
html[data-wf-site-mode="dark"] .contact-form__field textarea {
  background: var(--wf-input-bg);
  border: 1px solid var(--wf-border);
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .contact-form__field input:focus,
html[data-wf-site-mode="dark"] .contact-form__field textarea:focus {
  border-color: var(--sky);
  outline: none;
}

html[data-wf-site-mode="dark"] .contact-form__field label,
html[data-wf-site-mode="dark"] .contact-form__checkbox-text {
  color: var(--wf-muted);
}

html[data-wf-site-mode="dark"] .contact-form__checkbox-text a {
  color: var(--sky);
}

/* Edition-Seiten */
html[data-wf-site-mode="dark"] .edition-content {
  background: var(--wf-surface) !important;
}

html[data-wf-site-mode="dark"] .edition-hero {
  background: #060c14 !important;
}

html[data-wf-site-mode="dark"] .tag {
  background: var(--wf-card-elevated);
  color: var(--wf-text);
  border: 1px solid var(--wf-border);
}

/* Buttons */
html[data-wf-site-mode="dark"] .btn--outline-dark {
  color: var(--wf-text);
  border-color: var(--wf-border);
  background: transparent;
}

html[data-wf-site-mode="dark"] .btn--outline-dark:hover {
  background: var(--wf-card);
  border-color: rgba(255, 255, 255, 0.22);
}

/* Tickets (Panel bleibt dunkel; Tabs/Karten) */
html[data-wf-site-mode="dark"] .ticket-packages__tab {
  color: var(--wf-muted);
}

html[data-wf-site-mode="dark"] .ticket-packages__tab.is-active {
  background: var(--yellow);
  color: #0a1628;
}

html[data-wf-site-mode="dark"] .ticket-packages__desc,
html[data-wf-site-mode="dark"] .ticket-packages__note {
  color: var(--wf-muted);
}

/* Vision */
html[data-wf-site-mode="dark"] .vision-item {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--wf-border);
}

html[data-wf-site-mode="dark"] .vision-item h4,
html[data-wf-site-mode="dark"] .scroll-stack__panel--vision .vision-item h4 {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .vision-item p {
  color: var(--wf-muted);
}

/* Footer & Legal */
html[data-wf-site-mode="dark"] .footer {
  background: #010306 !important;
  color: rgba(255, 255, 255, 0.85);
}

html[data-wf-site-mode="dark"] .legal-page {
  background: var(--wf-surface) !important;
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .legal-page h1,
html[data-wf-site-mode="dark"] .legal-page h2,
html[data-wf-site-mode="dark"] .legal-page h3,
html[data-wf-site-mode="dark"] .legal-page p,
html[data-wf-site-mode="dark"] .legal-page li {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .legal-page a {
  color: var(--sky);
}

/* Cookie-Banner */
html[data-wf-site-mode="dark"] .cookie-consent__card {
  border-color: var(--wf-border);
}

html[data-wf-site-mode="dark"] .cookie-consent__title,
html[data-wf-site-mode="dark"] .cookie-consent__text,
html[data-wf-site-mode="dark"] .cookie-consent__eyebrow {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .cookie-consent__back {
  background: var(--wf-surface-alt);
  border-color: var(--wf-border);
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .cookie-consent__settings-top {
  border-bottom-color: var(--wf-border);
}

html[data-wf-site-mode="dark"] .cookie-consent__btn--ghost {
  color: var(--wf-text);
  border-color: var(--wf-border);
}

/* Einstellungen-Modal – Dunkelmodus (Apple-Style) */
html[data-wf-site-mode="dark"] .dock-settings__backdrop {
  background: rgba(0, 0, 0, 0.58);
}

html[data-wf-site-mode="dark"] .dock-settings__panel {
  background: #1c1c1e !important;
  color: var(--wf-text);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.55);
}

html[data-wf-site-mode="dark"] .dock-settings__sidebar {
  background: #2c2c2e;
  border-right-color: rgba(255, 255, 255, 0.08);
}

html[data-wf-site-mode="dark"] .dock-settings__sidebar-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

html[data-wf-site-mode="dark"] .dock-settings__content {
  background: #1c1c1e;
}

html[data-wf-site-mode="dark"] .dock-settings__nav-item {
  color: rgba(235, 235, 245, 0.82);
}

html[data-wf-site-mode="dark"] .dock-settings__nav-item:hover {
  background: rgba(255, 255, 255, 0.06);
}

html[data-wf-site-mode="dark"] .dock-settings__nav-item.is-active {
  background: rgba(255, 255, 255, 0.11);
  color: #fff;
}

html[data-wf-site-mode="dark"] .dock-settings__nav-icon {
  color: rgba(235, 235, 245, 0.62);
}

html[data-wf-site-mode="dark"] .dock-settings__nav-item.is-active .dock-settings__nav-icon {
  color: #fff;
}

html[data-wf-site-mode="dark"] .dock-settings__reset {
  color: rgba(235, 235, 245, 0.62);
}

html[data-wf-site-mode="dark"] .dock-settings__reset:hover {
  background: rgba(255, 255, 255, 0.06);
  color: #fff;
}

html[data-wf-site-mode="dark"] .dock-settings__reset:active {
  background: rgba(255, 255, 255, 0.1);
}

html[data-wf-site-mode="dark"] .dock-settings__pane-head {
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

html[data-wf-site-mode="dark"] .dock-settings__title,
html[data-wf-site-mode="dark"] .dock-settings__pane-title,
html[data-wf-site-mode="dark"] .dock-settings__block-title {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .dock-settings__hint,
html[data-wf-site-mode="dark"] .dock-settings__pos-label {
  color: var(--wf-muted);
}

html[data-wf-site-mode="dark"] .dock-settings__pos {
  background: var(--wf-surface-alt);
  color: var(--wf-text);
  border-color: var(--wf-border);
}

html[data-wf-site-mode="dark"] .dock-settings__pos:hover {
  border-color: rgba(255, 255, 255, 0.16);
  background: var(--wf-card);
}

html[data-wf-site-mode="dark"] .dock-settings__pos.is-active {
  border-color: var(--sky);
  background: rgba(39, 170, 225, 0.12);
}

html[data-wf-site-mode="dark"] .dock-settings__close {
  background: rgba(255, 255, 255, 0.08);
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .dock-settings__close:hover {
  background: rgba(255, 255, 255, 0.14);
}

html[data-wf-site-mode="dark"] .dock-settings__slider {
  background: rgba(255, 255, 255, 0.14);
  accent-color: var(--sky);
}

html[data-wf-site-mode="dark"] .dock-settings__slider::-webkit-slider-thumb {
  background: #2c2c2e;
  border-color: var(--sky);
}

html[data-wf-site-mode="dark"] .dock-settings__slider::-moz-range-thumb {
  background: #2c2c2e;
  border-color: var(--sky);
}

html[data-wf-site-mode="dark"] .dock-settings__slider-value {
  color: var(--wf-text);
}

html[data-wf-site-mode="dark"] .dock-settings__opacity-preview {
  border-color: rgba(255, 255, 255, 0.14);
}

html[data-wf-site-mode="dark"] .section--wave::after {
  background: linear-gradient(180deg, transparent, var(--wf-surface));
}

/* Scroll-Fortschritt */
html[data-wf-site-mode="dark"] .scroll-progress {
  background: linear-gradient(90deg, var(--pink), var(--orange), var(--yellow));
  opacity: 0.85;
}

/* Navigation & Vollbild-Menü (var(--navy) = Textfarbe im Dunkelmodus) */
html[data-wf-site-mode="dark"] .hypermenu {
  background: #050a12 !important;
}

@media (min-width: 769px) {
  html[data-wf-site-mode="dark"] .hypermenu {
    background: linear-gradient(155deg, #050a12 0%, #0a1628 48%, #0f1828 100%) !important;
  }
}

html[data-wf-site-mode="dark"] .nav.nav--glass,
html[data-wf-site-mode="dark"] .nav.nav--sidebar.nav--layout-classic,
html[data-wf-site-mode="dark"] .nav.nav--sidebar.nav--bar-top {
  background: rgba(8, 14, 24, 0.94) !important;
  backdrop-filter: blur(22px) saturate(1.2) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.2) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35) !important;
}

@media (max-width: 991px) {
  html[data-wf-site-mode="dark"] .nav.nav--sidebar {
    background: rgba(8, 14, 24, 0.94) !important;
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35) !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__logo--mobile .nav__logo-color {
    opacity: 0 !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__logo--mobile .nav__logo-white {
    opacity: 1 !important;
    pointer-events: none;
  }
}

html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__lang-cards .nav__lang-card {
  background: rgba(255, 255, 255, 0.1);
}

html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__lang-card.is-active {
  background: rgba(255, 255, 255, 0.22);
}

@media (min-width: 992px) {
  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__rail-card {
    background: rgba(10, 18, 30, calc(var(--dock-fill-opacity, 0.58) * 0.95)) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow:
      0 12px 40px rgba(0, 0, 0, 0.35),
      0 2px 8px rgba(0, 0, 0, 0.2) !important;
  }

  html[data-wf-site-mode="dark"] html[data-wf-dock-fill="0"] .nav.nav--sidebar .nav__rail-card {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__logo--rail .nav__logo-color {
    opacity: 0 !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__logo--rail .nav__logo-white {
    opacity: 1 !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__settings-btn {
    color: #fff;
    background: rgba(255, 255, 255, 0.12) !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__settings-btn[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.22) !important;
    color: #fff;
    box-shadow: none !important;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__icon-btn,
  html[data-wf-site-mode="dark"] .nav.nav--sidebar .nav__icon-label {
    color: #fff;
  }

  html[data-wf-site-mode="dark"] .nav.nav--sidebar.nav--icons-plain .nav__icon-btn:not(.is-active) {
    color: #fff;
  }
}