/* ==========================================================
   TYPOGRAPHIE
   Échelle construite à partir de l'usage réel observé dans
   course_detail.php (12 valeurs relevées, plusieurs quasi
   identiques — ex: 11/11.5/12px — regroupées ici en une
   échelle propre à réutiliser sur tout le site).
========================================================== */

:root{

    --mpr-font-xs:   10px;  /* badges, micro-labels (KM, statuts de tableau) */
    --mpr-font-sm:   12px;  /* sous-titres, cellules de tableau, liens secondaires */
    --mpr-font-base: 14px;  /* texte courant, items de navigation */
    --mpr-font-md:   16px;  /* corps de texte mis en avant */
    --mpr-font-lg:   20px;  /* titres de section (h2) */
    --mpr-font-xl:   24px;  /* titres de page */
    --mpr-font-2xl:  38px;  /* grands chiffres (temps prévu, KPI héros) */

    --mpr-weight-regular:  400;
    --mpr-weight-medium:   500;
    --mpr-weight-semibold: 600;
    --mpr-weight-bold:     700;

}

/* ==========================================================
   TITRES
========================================================== */

h1, h2, h3{
    font-weight:var(--mpr-weight-bold);
    letter-spacing:-0.02em;
    color:var(--mpr-text);
}

h1{ font-size:var(--mpr-font-xl); line-height:1.15; }
h2{ font-size:var(--mpr-font-lg); line-height:1.2; }
h3{ font-size:var(--mpr-font-md); line-height:1.25; }

/* ==========================================================
   CHIFFRES — lecture d'un coup d'œil sur les données de course
   (temps, distances, allures) : chiffres alignés, jamais de
   décalage visuel entre deux valeurs de largeurs différentes.
========================================================== */

.mpr-tabular{
    font-variant-numeric:tabular-nums;
    font-feature-settings:"tnum" 1;
}

/* ==========================================================
   TEXTE SECONDAIRE
========================================================== */

.mpr-text-light{ color:var(--mpr-text-light); }

.mpr-text-faint{
    color:var(--mpr-text-light);
    opacity:.75;
}

.mpr-text-sm{ font-size:var(--mpr-font-sm); }
.mpr-text-xs{ font-size:var(--mpr-font-xs); }