/* ===================================================================
   MelasAI - typographie
   Montserrat 200/300/400/500 + JetBrains Mono 500
   Posee par la passe AM du 28/09/2026, corrigee et propagee par AN.
   Cette feuille ne fait QUE de la typographie : aucune couleur,
   aucune marge, aucune mise en page. Elle se retire sans effet de bord.
   =================================================================== */

body, p, li, a, span, div, td, th, dt, dd,
label, input, textarea, select, button,
figcaption, blockquote, summary, small {
  font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
  letter-spacing: -0.03em;
}

h1 { font-weight: 200 !important; }
h2 { font-weight: 200 !important; }
h3 { font-weight: 400 !important; }
h4, h5, h6 { font-weight: 500 !important; }

p, li, dd { font-weight: 300; }
strong, b { font-weight: 500; }
em, i { font-style: italic; }

/* -------------------------------------------------------------------
   LES SURTITRES EN MONO
   Mesure du 28/09 sur index.html : les classes reelles sont
   hero-eyebrow, mm-sec-label et section-label.
   Les selecteurs [class*=...] attrapent leurs variantes sur les
   autres pages sans avoir a les mesurer une par une.
   ------------------------------------------------------------------- */
.hero-eyebrow,
.mm-sec-label,
.section-label,
[class*="eyebrow"],
[class*="sec-label"],
[class*="section-label"],
[class*="surtitre"],
[class*="overline"],
[class*="kicker"],
.mono {
  font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-weight: 500 !important;
}

/* le mono est plus large que le Montserrat : on resserre l'espacement
   pour que les surtitres ne debordent pas de leur ligne */
.hero-eyebrow,
.mm-sec-label,
.section-label,
[class*="eyebrow"],
[class*="sec-label"],
[class*="section-label"] {
  letter-spacing: 0.18em !important;
}

/* les chiffres alignes proprement dans les tuiles */
.stat-n, .kpi, .chiffre { font-variant-numeric: tabular-nums; }