/* theme.css — identité visuelle de lille-mobilite.fr (chargé en DERNIER sur toutes les pages).
 * Palette « prune & pierre » : prune #711e3f (choix de l’éditeur, 10,7:1 avec le blanc) réservé aux
 * actions et repères (en-tête, boutons, liens, filets) ; neutres chauds (stone) ; titres en encre.
 * Les couleurs de lignes (M1, M2, tram, bus) restent celles du réseau. */
:root{
  --mm-brand:#711e3f; --mm-brand-dark:#5d1934; --mm-brand-soft:#f4e6ec;
  --mm-accent:#711e3f;          /* filets des titres de section (était le bleu de Marseille) */
  --mm-ink:#1c1917; --mm-muted:#57534e;
  --brand:#711e3f; --brand-hover:#5d1934; --brand-dark:#461327; --brand-light:#f4e6ec; --brand-tint:#fbf6f8;
  --ink:#1c1917; --muted:#78716c; --surface:#f5f5f4; --line:#e7e5e4;
}
/* Hiérarchie : titres en encre (la couleur de marque ne sert plus à tout) */
.mm-content h2, .mm-content h3, .mm-home-body h2, .mm-home-body h3,
.about-area5 h2, .about-area5 h3 { color:var(--mm-ink) !important; }
/* Liens de texte : couleur de marque foncée, soulignement fin et décalé (lisible, moins « criard ») */
.mm-content p a, .mm-content li a, .mm-content td a,
.mm-home-body p a, .mm-home-body li a { color:#5d1934; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; font-weight:600; }
.mm-content p a:hover, .mm-content li a:hover, .mm-content td a:hover,
.mm-home-body p a:hover, .mm-home-body li a:hover { color:#461327; text-decoration-thickness:2px; }
/* Tuiles « Explorer » : appel discret en encre, seule la flèche porte la marque (13 appels rouges = trop) ;
   la carte vedette (.bmx-feature, fond couleur de marque) garde son texte blanc. */
.bmx-card:not(.bmx-feature) .bmx-more{ color:var(--mm-ink) !important; }
.bmx-card:not(.bmx-feature):hover .bmx-more, .bmx-card:not(.bmx-feature):focus-visible .bmx-more{ color:var(--mm-brand) !important; }
/* Exception : sur fond brique (tuile vedette, bandeaux), les titres restent blancs */
.bmx-feature h2, .bmx-feature h3, .bmx-feature h4,
.mm-home-body .bmx-feature h3 { color:#fff !important; }
/* Bandeau info trafic : ambre pour les perturbations ordinaires (distinct du brique de l'en-tête),
   rouge réservé aux interruptions majeures (.bm-it-major, posée par infotrafic.php). */
.bm-it:not(.bm-it-major){ background:#fef3c7 !important; color:#78350f !important; border-bottom:1px solid #fcd34d; }
.bm-it:not(.bm-it-major) .bm-it-toggle{ background:#92400e !important; color:#fff !important; }
.bm-it:not(.bm-it-major) .bm-it-toggle:hover{ background:#78350f !important; }
.bm-it:not(.bm-it-major) .bm-it-close{ color:#78350f !important; }
.bm-it.bm-it-major{ background:#b91c1c !important; color:#fff !important; }