/* ==========================================================================
   GNM · Dunkelmodus (Stichprobe, 0.38.0): Startseite und Artikel
   --------------------------------------------------------------------------
   Gilt NUR, wenn <html data-gnm-theme="dark"> UND <body class="gnm-dm-ok"> (Startseite, Artikel).
   Alle anderen Seiten bleiben hell, bis sie geprüft sind. Der Knopf erscheint nur dort.

   FARB-TOKEN (hell → dunkel)
   token            hell        dunkel      Verwendung
   --gnm-bg         #F9F9F7     #121316     Seitenhintergrund (Preset „paper“, „base“)
   --gnm-surface    #FFFFFF     #1B1C21     Karten, Felder, Chips
   --gnm-surface-2  #F1E9FF     #26232F     getönte Flächen (Lila-Soft, Kurz gelesen)
   --gnm-panel      #242424     #1E1F26     bewusst dunkle Bänder (Ticker, Fußzeile, Player)
   --gnm-text       #242424     #ECE9E2     Text, Linien, Rahmen (Preset „ink“)
   --gnm-mute       #5A5A5A     #A9A8B0     Nebentext (Preset „mute“)
   --gnm-line       #E4E2DD     #3A3B43     feine Trennlinien (Preset „line“)
   --gnm-lila       #A875FF     #B48CFF     Akzent; auf Dunkel etwas heller (Kontrast 7,4:1 auf #121316)
   --gnm-orange     #F4A261     #F4A261     Akzent, unverändert (Kontrast 9,3:1)
   --gnm-auf-akzent #242424     #1A1A1F     Text AUF Lila/Orange: immer dunkel, nie umdrehen
   --gnm-surface-3  #F1F0EC     #202127     neutrale helle Flächen (Creme, Hellgrau)
   --gnm-pfirsich   #FDF1E7     #2A231E     Pfirsich-Bänder
   Preset „white“ meint „Kontrastfarbe zu ink“ und wird im Dunkeln zu --gnm-bg.
   Prinzip: ink und paper tauschen die Rollen; Akzente bleiben Marke; Text auf Akzent bleibt dunkel.
   ========================================================================== */

/* Hell-Werte als Dokumentation und für Komponenten, die sie nutzen */
:root {
	--gnm-bg: #F9F9F7;
	--gnm-surface: #FFFFFF;
	--gnm-surface-2: #F1E9FF;
	--gnm-panel: #242424;
	--gnm-text: #242424;
	--gnm-mute: #5A5A5A;
	--gnm-line: #E4E2DD;
	--gnm-auf-akzent: #242424;
	--gnm-surface-3: #F1F0EC;
}

html[data-gnm-theme="dark"]:has(body.gnm-dm-ok) {
	color-scheme: dark;
	--gnm-bg: #121316;
	--gnm-surface: #1B1C21;
	--gnm-surface-2: #26232F;
	--gnm-panel: #1E1F26;
	--gnm-text: #ECE9E2;
	--gnm-mute: #A9A8B0;
	--gnm-line: #3A3B43;
	--gnm-auf-akzent: #1A1A1F;
	--wp--preset--color--ink: #ECE9E2;
	--wp--preset--color--paper: #121316;
	--wp--preset--color--base: #121316;
	--wp--preset--color--white: #121316;
	--wp--preset--color--mute: #A9A8B0;
	--wp--preset--color--line: #3A3B43;
	--wp--preset--color--lila: #B48CFF;
	--wp--preset--color--lila-soft: #26232F;
	--wp--preset--color--button: #ECE9E2;
	--gnm-lila-dunkel: #8B63E8;
	--gnm-surface-3: #202127;
	--gnm-pfirsich: #2A231E;
	--gnm-lila-hell: #26232F;
	--gnm-ticket-blass: #26232F;
	--gnm-ticket-lila: #3A3050;
	--gnm-ticket-orange: #4A3626;
}

/* Grundflächen */
html[data-gnm-theme="dark"] body.gnm-dm-ok { background: var(--gnm-bg); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok :where(a) { color: inherit; }
html[data-gnm-theme="dark"] body.gnm-dm-ok img { filter: brightness(.92); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-logo img { filter: none; }

/* Kopfzeile und Pillen */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-header { background: var(--gnm-bg); border-color: var(--gnm-line); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-thema { background: transparent; border-color: var(--gnm-text); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill--cta { background: var(--gnm-orange); border-color: var(--gnm-orange); color: var(--gnm-auf-akzent); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill--cta a { color: var(--gnm-auf-akzent); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-thema.is-aktiv { background: var(--gnm-text); color: var(--gnm-bg); }

/* Labels (Tags): helle Kapsel mit dunkler Schrift */
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-label { background: var(--gnm-text); color: var(--gnm-bg); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-label-lila { background: var(--gnm-lila); color: var(--gnm-auf-akzent); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill-klein { background: var(--gnm-surface); border-color: var(--gnm-line); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill-klein--plus,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-k__plus { background: var(--gnm-orange); color: var(--gnm-auf-akzent); border-color: var(--gnm-orange); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-k__kicker { background: var(--gnm-lila); color: var(--gnm-auf-akzent); padding: 6px 10px; } /* 0.45.3: Luft um die Schrift im lila Label */
/* „Kommt bald“: auf dunkler Fläche Lila-Umriss, auf dem Lila-Etikett dunkler Chip mit hellem Text */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-bald,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-mn__bald { background: transparent; color: var(--gnm-lila) !important; border-color: var(--gnm-lila); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-label-lila .gnm-bald,
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-label-lila .gnm-mn__bald { background: var(--gnm-auf-akzent); color: #ECE9E2 !important; border-color: var(--gnm-auf-akzent); }

/* Karten und Flächen */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-k,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-k--quer,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-lecker,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-k__sterne,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-mn__chip,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-rund,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ae__knoepfe .gnm-rund { background: var(--gnm-surface); color: var(--gnm-text); border-color: var(--gnm-line); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__karte,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__abschnitt,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-kurz__innen { background: var(--gnm-surface-2); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok input,
html[data-gnm-theme="dark"] body.gnm-dm-ok textarea { background: var(--gnm-surface); color: var(--gnm-text); border-color: var(--gnm-line); }
html[data-gnm-theme="dark"] body.gnm-dm-ok input::placeholder { color: var(--gnm-mute); }

/* Dunkle Bänder bleiben dunkel (Ticker, Player, Fußzeile): Fläche = Panel, Text hell */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-dark,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-lohnt,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ae__teilen,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ap,
html[data-gnm-theme="dark"] body.gnm-dm-ok .has-ink-background-color,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ticker,
html[data-gnm-theme="dark"] body.gnm-dm-ok footer.wp-block-template-part,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-footer { background: var(--gnm-panel); color: #ECE9E2; }
/* WordPress setzt die Preset-Klassen mit !important: Panel-Fläche deshalb ebenfalls */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-dark,
html[data-gnm-theme="dark"] body.gnm-dm-ok .has-ink-background-color { background-color: var(--gnm-panel) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-dark :where(h1, h2, h3, h4, p, a, li, span),
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-lohnt :where(h1, h2, h3, h4, p, a, li, span),
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ae__teilen :where(h1, h2, h3, h4, p, span),
html[data-gnm-theme="dark"] body.gnm-dm-ok .has-ink-background-color :where(h1, h2, h3, h4, p, a, li, span),
html[data-gnm-theme="dark"] body.gnm-dm-ok footer.wp-block-template-part :where(h1, h2, h3, h4, p, a, li, span) { color: #ECE9E2; }

/* Knöpfe */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-knopf,
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-button__link { border-color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-knopf--dunkel,
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-button:not([class*="is-style-"]) .wp-block-button__link { background: var(--gnm-text); color: var(--gnm-bg) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-knopf--orange,
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-button.is-style-orange .wp-block-button__link { background: var(--gnm-orange); color: var(--gnm-auf-akzent); border-color: var(--gnm-orange); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pfeil-i { background: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-knopf .gnm-pfeil-i { background: currentColor; } /* 0.45.3: Pfeil hat die Farbe der Knopf-Schrift (vorher hell auf hell) */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pfeil-i::before,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pfeil-i::after { filter: invert(1); }

/* Artikel: Fließtext, Avatar, Zitate, Trennlinien */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-text,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ak2 { color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-text a { color: var(--gnm-lila); text-decoration-color: var(--gnm-lila); }
html[data-gnm-theme="dark"] body.gnm-dm-ok hr,
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-separator { border-color: var(--gnm-line); background: var(--gnm-line); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-av { background: var(--gnm-lila); color: var(--gnm-auf-akzent); }

/* Klammern (Bracket-Linien): in Hellgrau, Lila-Varianten bleiben Lila */
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-klammer { border-color: var(--gnm-text); }

/* Helle Inseln: Logos, QR-Codes und Anzeigen (GutSparen) bleiben hell. Sie bekommen die Hell-Token zurück,
   damit alles darin (Titel, Text, Knöpfe) wie gestaltet aussieht. */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-app__qr,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-steady__rahmen,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa2__post,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-anz .gso-banner-carousel {
	color-scheme: light;
	--gnm-ink: #242424;
	--gnm-paper: #F9F9F7;
	--gnm-text: #242424;
	--gnm-mute: #5A5A5A;
	--gnm-line: #E4E2DD;
	--gnm-lila: #A875FF;
	--wp--preset--color--ink: #242424;
	--wp--preset--color--paper: #F9F9F7;
	--wp--preset--color--mute: #5A5A5A;
	color: #242424;
}
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-app__qr img,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-anz img { filter: none; }

/* Umschalter */
.gnm-dm { display: inline-grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1.5px solid var(--gnm-ink); border-radius: 50%; background: transparent; color: var(--gnm-ink); cursor: pointer; transition: background-color .2s, color .2s, transform .2s; }
.gnm-dm:hover, .gnm-dm:focus-visible { background: var(--gnm-ink); color: var(--gnm-paper); transform: rotate(-12deg); }
.gnm-dm svg { width: 18px; height: 18px; }
.gnm-dm .gnm-dm__sonne { display: none; }
html[data-gnm-theme="dark"] .gnm-dm .gnm-dm__mond { display: none; }
html[data-gnm-theme="dark"] .gnm-dm .gnm-dm__sonne { display: block; }
body:not(.gnm-dm-ok) .gnm-dm { display: none; }
@media (prefers-reduced-motion: reduce) { .gnm-dm { transition: none; } }


/* --------------------------------------------------------------------------
   Prüfung Startseite (0.38.0): Flächen mit Marken-Akzent behalten dunklen Text
   -------------------------------------------------------------------------- */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-epaper5,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-epaper5 :where(.gnm-epaper5__kicker, .gnm-epaper5__h, .gnm-epaper5__lead, .gnm-fan5__note, .gnm-fan5__pfeil) { color: var(--gnm-auf-akzent); }
/* Knöpfe (.gnm-btn) auf Lila: Standard = Rahmen + dunkler Text, „dunkel“ = dunkle Fläche + heller Text */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-epaper5 .gnm-btn { color: var(--gnm-auf-akzent); border-color: var(--gnm-auf-akzent); background: transparent; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-epaper5 .gnm-btn--dunkel,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-btn--dunkel { background: var(--gnm-auf-akzent); border-color: var(--gnm-auf-akzent); color: #ECE9E2; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-btn--dunkel:hover { background: var(--gnm-text); border-color: var(--gnm-text); color: var(--gnm-bg); }
/* „GNM+“-Pille (Orange): immer dunkler Text */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill-klein--plus,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pill-klein--plus * { color: var(--gnm-auf-akzent) !important; }

/* Themen-Pillen: „GNM+“-Pille (Orange) behält dunklen Text, auch beim Überfahren */
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-pills a[href$="/gnm-plus/"],
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-pills a[rel~="tag"][href*="/gnm-plus"] { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .is-style-pills a[href$="/gnm-plus/"]:hover { background: var(--gnm-text); border-color: var(--gnm-text) !important; color: var(--gnm-bg) !important; }

/* WhatsApp-Band und GutSparen-Karten (Prüfung Startseite) */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa3 { background: var(--gnm-surface-2); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa3__sub,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__hinweis,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__bis { color: var(--gnm-mute); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__kicker,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa3__summary,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa2__qr > span { color: var(--gnm-lila); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__btn,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa3__btn { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__alle { background: var(--gnm-panel); border: 1px solid var(--gnm-line); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa2__qr img { background: #fff; padding: 8px; border-radius: 10px; filter: none; }

/* Flächen in Marken-Orange oder -Lila (z. B. „Noch mehr gute Nachrichten“): Text und Knöpfe immer dunkel */
html[data-gnm-theme="dark"] body.gnm-dm-ok :is(.has-orange-background-color, .has-lila-background-color, .gnm-plus-karte),
html[data-gnm-theme="dark"] body.gnm-dm-ok :is(.has-orange-background-color, .has-lila-background-color, .gnm-plus-karte) :where(h1, h2, h3, h4, p, span, li) { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok :is(.has-orange-background-color, .has-lila-background-color, .gnm-plus-karte) .wp-block-button__link, .gnm-btn-rand .wp-block-button__link { background: transparent; color: var(--gnm-auf-akzent) !important; border-color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok :is(.has-orange-background-color, .has-lila-background-color, .gnm-plus-karte) .wp-block-button.is-style-dunkel .wp-block-button__link { background: var(--gnm-auf-akzent); color: #ECE9E2 !important; }

/* Artikelseite (Prüfung): Weiterlesen-Karten, Nach-oben-Knopf, Chips auf Akzentfarbe */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wp { background: var(--gnm-surface); border-color: var(--gnm-line); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-nachoben { background: var(--gnm-surface); border-color: var(--gnm-line); color: var(--gnm-text); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ticker__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ticker a.gnm-ticker__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-knopf--orange,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-lohnt b,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-bild-label { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-lohnt b { background: var(--gnm-lila); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wp :where(p),
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-an__meta { color: var(--gnm-mute); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gnl__form button { color: var(--gnm-auf-akzent) !important; }

/* ==========================================================================
   Weitere Seiten (0.39.0): Inseln, Akzentflächen, aktive Pillen
   ========================================================================== */
/* Helle Inseln (Dritt-Inhalte): auch die Flächen-Token zurück auf Hell, damit die automatischen Regeln dort nicht greifen */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-app__qr,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-steady__rahmen,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-anz .gso-banner-carousel,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-wa2__post {
	--gnm-surface: #FFFFFF; --gnm-surface-2: #F1E9FF; --gnm-surface-3: #F1F0EC; --gnm-panel: #242424;
	--gnm-pfirsich: #FDF1E7; --gnm-lila-hell: #F1E9FF; --gnm-bg: #F9F9F7; --gnm-auf-akzent: #242424;
}
/* Aktive Pillen und Umschalter: Lila mit dunklem Text */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-thema.is-aktiv,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pills .current-menu-item > .wp-block-navigation-item__content,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pills .current-menu-item .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-recht__pill.is-aktiv { background: var(--gnm-lila); border-color: var(--gnm-lila); color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pills .current-menu-item .wp-block-navigation-item__label { background: transparent; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ansicht button.is-aktiv,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-seiten .page-numbers.current { background: var(--gnm-text); border-color: var(--gnm-text); color: var(--gnm-bg) !important; }
/* Kreise und Knöpfe auf Lila oder Orange */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-rt__kreis,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-rt__kreis *,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-fokus__knopf,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ah__nr,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ak__neu,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-abo-h__kreis,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-hw__chip { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-post-excerpt__excerpt { color: var(--gnm-mute); }
/* Aktive Navigation (Header-Pille) und Themen-Filter: Lila mit dunklem Text, schlägt Preset-Regeln */
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-navigation-item__content[aria-current],
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok .wp-block-navigation-item__content[aria-current] .wp-block-navigation-item__label { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-thema.is-aktiv { background: var(--gnm-lila) !important; border-color: var(--gnm-lila) !important; color: var(--gnm-auf-akzent) !important; }
/* Aktive Pille im Hauptmenü je Bereich (Hellmodus: dunkler Text auf Lila) */
html[data-gnm-theme="dark"] body.gnm-dm-ok.category .gnm-pills .wp-block-navigation-item:first-child > a,
html[data-gnm-theme="dark"] body.gnm-dm-ok.page-template-entdecken .gnm-pills .wp-block-navigation-item:first-child > a,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-epaper .gnm-pills .wp-block-navigation-item:nth-child(2) > a,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-podcast .gnm-pills .wp-block-navigation-item:nth-child(3) > a,
html[data-gnm-theme="dark"] body.gnm-dm-ok.category .gnm-pills .wp-block-navigation-item:first-child > a .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok.page-template-entdecken .gnm-pills .wp-block-navigation-item:first-child > a .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-epaper .gnm-pills .wp-block-navigation-item:nth-child(2) > a .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-podcast .gnm-pills .wp-block-navigation-item:nth-child(3) > a .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pills .current-menu-item > a .wp-block-navigation-item__label { color: var(--gnm-auf-akzent) !important; }
/* Abo-Seite: Kartenfarben kommen aus dem Dashboard (als CSS-Variablen, für Hell gewählt).
   Im Dunkelmodus bleibt der Farbton der Redaktion als leichte Tönung auf der dunklen Fläche erhalten. */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-schritte--h .gnm-schritt,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-stimme { background: var(--gnm-surface); background: color-mix(in srgb, var(--karte-bg, #fff) 14%, var(--gnm-surface)); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-hw__zitat { background: var(--gnm-surface); background: color-mix(in srgb, var(--hw-zitat, #fff) 14%, var(--gnm-surface)); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-hw__papier { background-color: var(--gnm-surface-3); background-color: color-mix(in srgb, var(--hw-papier, #FFFDF8) 10%, var(--gnm-surface-3)); }
/* Firmen-Abo: Pakete */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pk--firma:not(.gnm-pk--dunkel) .gnm-pk__btn { background: transparent; border-color: var(--gnm-text); color: var(--gnm-text) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pk--firma.gnm-pk--dunkel .gnm-pk__btn { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pk--lila .gnm-pk__btn,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gc--partner .gnm-pk__btn { background: var(--gnm-panel); color: #fff !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pk--lila .gnm-pk__btn:hover,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gc--partner .gnm-pk__btn:hover { background: var(--gnm-lila); color: var(--gnm-auf-akzent) !important; }
/* Firmen-Abo: Vorteile-Karten auf Orange/Lila (Aufzählungspunkte) */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-seite-firma .gnm-vk__raster > .gnm-vk:nth-child(2) li::before { background: var(--gnm-auf-akzent); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-seite-firma .gnm-vk__raster > .gnm-vk:nth-child(3) li::before { background: #fff; box-shadow: inset 0 0 0 2px var(--gnm-auf-akzent); }
/* Seitenmenü: Karte „Kommt bald“ (dunkle Fläche auf Lila) */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-mn__app { color: var(--gnm-text); }
/* Im Bereich ePaper/Podcast ist „Entdecken“ nicht aktiv (Umriss statt Lila): Schrift bleibt hell, auch auf Rubrikseiten wie Printmagazin */
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-epaper .gnm-pills .wp-block-navigation-item:first-child > a,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-epaper .gnm-pills .wp-block-navigation-item:first-child > a .wp-block-navigation-item__label,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-podcast .gnm-pills .wp-block-navigation-item:first-child > a,
html[data-gnm-theme="dark"] body.gnm-dm-ok.gnm-bereich-podcast .gnm-pills .wp-block-navigation-item:first-child > a .wp-block-navigation-item__label { color: var(--gnm-text) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-abo .gnm-abo__notiz { color: var(--gnm-auf-akzent) !important; }

/* 0.39.0 · Über uns / Kontakt: Flächen in Lila brauchen dunkle Schrift; aktive Schalter in Lila statt hell */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-weg--lila { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-weg--lila h3,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-weg--lila p,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-weg--lila span { color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-uu__wahl button.is-aktiv,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-pk__schalter button.is-aktiv { background: var(--gnm-lila) !important; color: var(--gnm-auf-akzent) !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-hilfe .gnm-knopf:not(.gnm-knopf--dunkel):not(:hover) { color: var(--gnm-auf-akzent) !important; border-color: var(--gnm-auf-akzent) !important; }

/* 0.39.1 · Logos bleiben wie im hellen Modus: helle Kachel hinter dem Logo, sonst verschwinden dunkle Logos */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gc__logo { background: #FDF1E7 !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gc__logo b { color: #1A1A1F !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-md-logo { background: #fff !important; border-color: #e3e1da !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-md-stimme__logo { background: #FDF1E7 !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-md-stimme:nth-child(3n+2) .gnm-md-stimme__logo { background: #F1E9FF !important; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-st__logo { width: fit-content; padding: 8px 12px; border-radius: 10px; background: #fff; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-bekannt__logo { padding: 10px 16px; border-radius: 12px; background: #fff; }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-anz .gso-banner-slide-logo { background: #fff !important; }

/* 0.39.1 · Handschrift-Notizen: kein helles Leuchten mehr (der helle Hof aus dem hellen Modus wird dunkel) */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ah__notiz { color: var(--gnm-orange); text-shadow: 0 0 3px var(--gnm-bg), 0 0 8px var(--gnm-bg); }
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-epaper5__notiz,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-fan5__notiz,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-fan5__note { text-shadow: none; } /* 0.45.3: dunkler Schein auf Lila entfernt */

/* --------------------------------------------------------------------------
   0.45.3 · Korrekturen aus dem Android-Test (Handarbeit; gnm-dunkel-auto.css bleibt unberührt, weil es erzeugt wird)
   -------------------------------------------------------------------------- */
/* 55 · Magazin-Cover ohne dunkle Kontur */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-fan5__c { border: 0; background: transparent; }
/* 58 · GutSparen-Karten: helle Schrift auf dunkler Karte */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-gs__karte { color: var(--gnm-text) !important; }
/* 59 · „Gerade gefragt“: beim Darüberfahren orange mit dunkler Schrift */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-mn__chip:hover,
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-mn__chip:focus-visible { background: var(--gnm-orange) !important; color: var(--gnm-auf-akzent) !important; border-color: var(--gnm-orange) !important; }
/* 0.45.2 · „Dein Extra“: Geschenk-Kreis hell, damit das dunkle Symbol sichtbar bleibt */
html[data-gnm-theme="dark"] body.gnm-dm-ok .gnm-ex__geschenk { background: #fff; }