/* Charte CLIC&IT : noir #07080A, rose #D50F6D, Arial */
:root {
  --accent: #D50F6D; --accent-fonce: #A80B56; --accent-clair: #FCE7F1;
  --fond: #F5F5F6; --texte: #07080A; --doux: #5F6168; --ligne: #E4E4E7;
  font-family: Arial, Helvetica, sans-serif;
}
.barre { background: #07080A; border-bottom: 1px solid #1A1C20; }
.logo { color: var(--accent); }
.marque strong { font-family: Urbanist, Arial, sans-serif; font-weight: 800; letter-spacing: .02em; }
.marque small { color: #8A8C93; }
.nav > a.actif { background: rgba(213, 15, 109, .18); color: #fff; box-shadow: inset 0 -2px 0 var(--accent); border-radius: 7px 7px 0 0; }
.recherche input { background: #15171B; border-color: #26282E; }
h1 { font-weight: 700; }
/* surtitres de la charte : 11 px, 600, capitales, tracking 1,5 px, trait 25 × 2 px */
.carte h2 { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; color: var(--doux); display: flex; align-items: center; gap: 10px; }
.carte h2::before { content: ""; width: 25px; height: 2px; background: var(--accent); flex: none; }
.tuile b, .num, .histo .v, .barres b, .compteur { font-family: "Geist Mono", ui-monospace, Consolas, monospace; }
.tuile.alerte b { color: var(--accent); }
.histo .b, .jauge span { background: var(--accent); }
.page-auth { background: radial-gradient(circle at 80% 10%, rgba(213, 15, 109, .25), transparent 45%), #07080A; }
.marque-auth { color: #07080A; }
.marque-auth .logo { color: var(--accent); }