/* TYPOGRAPHIE — Inter variable, un seul family. Echelle propre a ce
   systeme (ni Apple ni Cal ni Pinterest) : 700 pour les titres, tracking
   negatif modere, corps a 16px/1.6 genereux. */
:root{
  --font-ui:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;

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

  --track-tight:-0.02em;
  --track-tighter:-0.03em;

  --type-hero:       var(--weight-bold) clamp(34px, 4.6vw, 56px)/1.1 var(--font-ui);
  --type-display:    var(--weight-bold) clamp(26px, 2.8vw, 34px)/1.2 var(--font-ui);
  --type-title:      var(--weight-semibold) 20px/1.3 var(--font-ui);
  --type-title-sm:   var(--weight-semibold) 17px/1.4 var(--font-ui);
  --type-lead:       var(--weight-regular) 18px/1.55 var(--font-ui);
  --type-body:       var(--weight-regular) 16px/1.6 var(--font-ui);
  --type-caption:    var(--weight-medium) 13px/1.4 var(--font-ui);
  --type-label:      var(--weight-semibold) 12px/1.3 var(--font-ui);
  --type-button:     var(--weight-semibold) 15px/1 var(--font-ui);
  --type-nav:        var(--weight-medium) 15px/1.4 var(--font-ui);
  --type-stat:       var(--weight-bold) clamp(36px, 4vw, 48px)/1 var(--font-ui);
}