/*
 * Échelle typographique commune à tout l'outil.
 *
 * Les trois moteurs venaient de trois projets : l'un composait en 14 px avec
 * des titres à 22, l'autre en 16 px avec des titres à 32, et les libellés de
 * section n'avaient ni la même graisse ni la même casse. Passer d'une section
 * à l'autre donnait l'impression de changer de logiciel.
 *
 * Cette feuille est chargée EN DERNIER par chaque page : elle a donc le
 * dernier mot sur les règles héritées de chaque outil. Une seule échelle,
 * partout, avec un rôle par niveau :
 *
 *   h1        titre de page          22 px / 700
 *   h2        titre de bloc          16 px / 650
 *   h3        titre secondaire       14 px / 650
 *   .titre2   intertitre dans un flux 15 px / 650
 *   .lede     phrase sous un h1      13,5 px, gris foncé
 *   .hint     phrase d'aide          12,5 px, gris
 *   .mini     mention discrète       12 px, gris
 *   .eyebrow  surtitre               10,5 px, majuscules espacées
 */

:root{
  --ff-sans:"Inter","Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;
  --ff-mono:ui-monospace,"Cascadia Mono",Consolas,monospace;
}

html,body{font-family:var(--ff-sans)}
body{font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--ff-sans);font-size:inherit;line-height:normal}

h1,.h1{font-size:22px;line-height:1.2;font-weight:700;letter-spacing:-.01em;margin:0}
h2,.h2{font-size:16px;line-height:1.3;font-weight:650;letter-spacing:-.005em;margin:0}
h3,.h3{font-size:14px;line-height:1.35;font-weight:650;margin:0}
h4{font-size:13.5px;line-height:1.35;font-weight:650;margin:0}

.titre2{font-size:15px;font-weight:650;letter-spacing:-.005em;margin:24px 0 9px}
.lede{font-size:13.5px;line-height:1.55;font-weight:400;color:var(--soft);margin-top:4px;max-width:78ch}
.hint{font-size:12.5px;line-height:1.55;color:var(--mute);margin:8px 0 14px;max-width:82ch}
.aide{font-size:12.5px;line-height:1.55;color:var(--mute);max-width:82ch}
.mini{font-size:12px;line-height:1.5;color:var(--mute)}

/* Surtitre et libellé de champ : même traitement dans les quatre sections. */
.eyebrow,.det__l,.lgn__l,.form__l>span,.cote__titre,.set__h{
  font-family:var(--ff-sans);font-size:10.5px;font-weight:600;letter-spacing:.09em;
  text-transform:uppercase;color:var(--mute);margin:0}
.cote__titre{color:var(--line-2);font-weight:500}

.champ>span,.f span{font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink)}
.champ small,.f small{font-size:11.5px;font-weight:400;color:var(--mute)}

code,.doc code,.mini code{font-family:var(--ff-mono);font-size:12px;background:var(--raise);
  padding:1px 5px;border-radius:4px}

/* Corps de texte long : documentation, aide, descriptions. */
.doc p,.doc li,.doc dd{font-size:13px;line-height:1.65;color:var(--soft)}
.doc h2{margin:26px 0 8px;font-size:15px}
.doc dt{font-size:13px;font-weight:650;color:var(--ink)}

/* Boutons : une seule taille de texte, partout. */
.btn,.chip,.filtre{font-size:13px;font-weight:600;letter-spacing:0}
.btn--sm,.lien{font-size:12px}
.lien{font-weight:600}