/* ============================================================================
 * readability.css — Globale Lesbarkeit & Kontrast (ZULETZT geladen)
 *
 * Vorgabe:
 *   (1) Kein UI-Text kleiner als 14px  → kommt aus tailwind.config.js (xs=14px)
 *       + Größen-Sweep der Views/CSS; hier nur Sicherheitsnetz.
 *   (2) Alle grauen / gedämpften / leicht-transparenten Weißtöne werden
 *       REINES Weiß (#fff). Semantische Farben (Grün/Rot für Long/Short,
 *       Cyan/Indigo-Links & -Buttons, Chartfarben) sowie Logos bleiben.
 *
 * Methode:
 *   Attribut-Selektoren haben dieselbe Spezifität wie eine Utility-Klasse
 *   (0-1-0) und greifen ALLE Prefix-Varianten derselben Klasse in einem Rutsch
 *   (md:, lg:, hover:, group-hover:, dark: …). Da diese Datei NACH
 *   tailwind.compiled.css geladen wird, gewinnt sie den Spezifitäts-Gleichstand
 *   gegen die ruhende Utility — BEWUSST OHNE !important, damit
 *   hover:/group-hover:-Übergänge zu Akzentfarben (Spezifität 0-2-0) erhalten
 *   bleiben.
 * ========================================================================== */

/* ---- Basis: erbender Text ohne eigene Farbklasse ist reines Weiß --------- */
body {
    color: #ffffff;
}

/* ---- Graue / gedämpfte Tailwind-Textfarben → reines Weiß ----------------- */
/* Deckt text-gray/slate/zinc/neutral/stone-* in ALLEN Abstufungen und mit
 * ALLEN Prefixen ab, sowie die projektspezifischen Design-Tokens
 * (text-text-main = #EAECEF, text-text-muted = #A9B2BC, text-muted) und die
 * transparenten Weiß-Stufen (text-white/10 … /90). */
[class*="text-gray-"],
[class*="text-slate-"],
[class*="text-zinc-"],
[class*="text-neutral-"],
[class*="text-stone-"],
[class*="text-text-main"],
[class*="text-text-muted"],
[class*="text-muted"],
[class*="text-white/"] {
    color: #ffffff;
}