/* ============================================================
 * Hiérarchie typographique
 * General Sans pour tout (UI + métadonnées techniques).
 * La distinction "data tech" se fait par taille + letter-spacing
 * + uppercase + couleur muted, pas par changement de famille.
 * ============================================================ */

h1, h2, h3, h4 {
    font-family: var(--font-sans);
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.1;
    margin: 0 0 var(--space-3);
}

h1 { font-size: 2rem; }
@media (min-width: 720px) {
    h1 { font-size: 2.4rem; }
}

h2 { font-size: 1.35rem; }
h3 { font-size: 1.05rem; }

p {
    margin: 0 0 var(--space-4);
}

a {
    color: var(--violet);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1.5px;
}

/* Variante "mono" (alias General Sans avec letter-spacing serré).
   Utilisée historiquement pour les métadonnées techniques. */
.mono {
    font-family: var(--font-mono);
    letter-spacing: 0.02em;
}