:root { /* Fond et surfaces */ --bg: #FAFBFC; --surface: #FFFFFF; --surface-alt: #F1F5F9; /* Encres */ --ink: #0F172A; --ink-soft: #475569; --ink-faint: #64748B; /* assombri pour passer WCAG AA sur fond clair (était #94A3B8) */ /* Bordures */ --rule: #E2E8F0; --rule-soft: #F1F5F9; /* Moniteur résultat */ --monitor-bg: #0B1220; --monitor-surface: #111827; --monitor-text: #E2E8F0; --monitor-faint: #64748B; /* Accents médicaux */ --teal: #0D9488; --teal-text: #0F766E; /* teal foncé pour le TEXTE sur fond clair (WCAG AA ≈ 5.5) ; --teal reste pour points/bordures/accents */ --teal-bright: #14B8A6; --teal-bg: #F0FDFA; --mint: #34D399; /* Stades cliniques (convention médicale verte → rouge) */ --stage-1: #10B981; --stage-2: #84CC16; --stage-3: #EAB308; --stage-4: #F97316; --stage-5: #EF4444; /* Validation */ --warn-bg: #FEF3C7; --warn-border: #F59E0B; --warn-text: #92400E; /* Puce pleine inversée (toast, segment actif, skip-link) */ --solid-bg: #0F172A; --solid-fg: #FFFFFF; color-scheme: light; } /* ───────────────────────────────────────────── Thème sombre — activé via [data-theme="dark"] (le script inline du pose l'attribut selon localStorage puis prefers-color-scheme). Contrastes vérifiés WCAG AA. Le moniteur reste sombre dans les deux thèmes ; les stades gardent leur convention. ───────────────────────────────────────────── */ [data-theme="dark"] { --bg: #0B1220; --surface: #131D30; --surface-alt: #1B2740; --ink: #E6EBF4; --ink-soft: #A3B2C7; --ink-faint: #7A8AA0; --rule: #2A3A56; --rule-soft: #1E2A42; /* Moniteur : légèrement plus sombre que la page pour rester distinct */ --monitor-bg: #060C17; --monitor-surface: #0E1626; /* Teal-texte : version claire lisible sur fond sombre */ --teal-text: #2DD4BF; --teal-bg: #0C2B28; /* Puce inversée : en sombre, puce claire + texte sombre (garde l'emphase) */ --solid-bg: #E6EBF4; --solid-fg: #0B1220; --warn-bg: #3B2F0B; --warn-border: #B4830F; --warn-text: #FCD34D; color-scheme: dark; }