/* ==========================================================================
   Mur'Mures — couche corrective de contraste WCAG (additive, ne remplace rien).
   Probleme corrige : le rouge charte (#c40000/#cc0000/#d40000) descend sous
   4.5:1 sur les fonds sombres pour les petits textes (date-label 10px,
   eyebrows 11px, CTA 11-12px). On separe donc :
   - --accent       : fonds de boutons, bordures, decorations (inchange) ;
   - --accent-text  : petits TEXTES accentues — eclairci en mode sombre.
   Les paires sont posees par murmures.js quand l'utilisateur change d'accent.
   ========================================================================== */

body {
    /* Mode sombre (defaut) : rouge texte eclairci — 6.9:1 sur noir, 5.7:1 sur #19191c */
    --accent-text: var(--accent-dark-text, #ff5a5a);
}
body.light-mode {
    /* Mode clair : le rouge charte est deja conforme sur fonds clairs (>= 5.2:1) */
    --accent-text: var(--accent-light-text, var(--accent, #c40000));
}

/* Petits textes accentues sur fonds sombres uniquement. En mode clair,
   --accent-text retombe sur --accent : aucun changement visuel. */
body:not(.light-mode) .date-label,
body:not(.light-mode) .home-eyebrow,
body:not(.light-mode) .foot-col-title,
body:not(.light-mode) .featured-banner-tag,
body:not(.light-mode) .cellule-banner-tag,
body:not(.light-mode) .media-hub-tile-cta,
body:not(.light-mode) .media-hero-cta,
body:not(.light-mode) .atelier-row-cta,
body:not(.light-mode) .atelier-row-badge,
body:not(.light-mode) .parcours-portrait-featured-tag,
body:not(.light-mode) .mm-support-eyebrow,
body:not(.light-mode) .final-tag,
body:not(.light-mode) .hero-ed-eyebrow {
    color: var(--accent-text) !important;
}

/* Etats hover des liens rouges sur sombre : rester au-dessus de 4.5:1. */
body:not(.light-mode) .atelier-row-cta:hover,
body:not(.light-mode) .foot-social a:hover {
    color: var(--accent-text) !important;
}