/* Lesbarkeit — 17.09.2026
 * Anlass (gemessen mit probe_kontrast.js): Auf den Begriffs- und Lexikon-Seiten liegt die dunkle Lesefarbe
 * (--lex-ink, #102443) auf dunklen Kaesten (.def-block, .simple-block: #0b0e14) — Kontrast 1,2:1, praktisch unsichtbar.
 * Auf Themenseiten sind Knoepfe (.aug-magnet-cta) dunkelblau auf dunklem Abschnitt (Kontrast 1,0 bis 1,3).
 * Diese Datei repariert nur Farben und Hintergruende, keine Abstaende. Spezifitaet: html + sieben :root-Stufen.
 */

/* Begriffs- und Lexikon-Seiten (Papier-Lesebuehne): dunkle Kaesten bekommen tiefes Papier, Text bleibt Tinte */
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .def-block,
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .simple-block,
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .def-block *,
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .simple-block * {
  background-color: #efe6d4 !important;
  color: #102443 !important;
  border-color: #d9c8b2 !important;
  text-shadow: none !important;
}
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .def-block a,
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .simple-block a {
  color: #1d5f87 !important;
}
/* Sprunglink und Kopfzeilen-Links auf dunkler Kopfleiste: helle Schrift statt Mittelblau (Kontrast 2,8 -> ueber 7) */
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) header a,
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .sprung-inhalt,
html:root:root:root:root:root:root:root:has(link[href*="lexicon-reading-20260915"]) .nav-name {
  color: #f4efe2 !important;
}

/* Knoepfe mit Magnet-Effekt auf dunklen Abschnitten: helle Schrift, goldener Rand */
html:root:root:root:root:root:root:root a.aug-magnet-cta,
html:root:root:root:root:root:root:root .aug-magnet-cta {
  color: #f4efe2 !important;
  background-color: rgba(216, 189, 114, 0.14) !important;
  border: 1px solid rgba(216, 189, 114, 0.65) !important;
  text-shadow: none !important;
}
html:root:root:root:root:root:root:root a.aug-magnet-cta:hover,
html:root:root:root:root:root:root:root a.aug-magnet-cta:focus-visible {
  background-color: rgba(216, 189, 114, 0.28) !important;
  color: #fff8e6 !important;
}

/* Frage-Zeilen in cremefarbenen Kaesten (Vermaechtnis: gold auf creme, Kontrast 1,4) */
html:root:root:root:root:root:root:root .augkt-card .augkt-q {
  color: #6b4a12 !important;
}

/* Hinweis-Abschnitte "Warum Sie das betrifft" (Kunst, Leistung): dunkle Schrift auf dunkler Platte -> helle Schrift */
html:root:root:root:root:root:root:root .aug-relevance,
html:root:root:root:root:root:root:root .aug-relevance *,
html:root:root:root:root:root:root:root .why-line,
html:root:root:root:root:root:root:root .why-line * {
  color: #ece6d8 !important;
  text-shadow: none !important;
}
html:root:root:root:root:root:root:root .aug-relevance a,
html:root:root:root:root:root:root:root .why-line a {
  color: #e6c987 !important;
}