/* ==========================================================================
   IÉNA Capital — Design System
   04 · Typographie
   --------------------------------------------------------------------------
   Rôles de texte. Une classe = un rôle éditorial, pas une apparence : le même
   rôle peut être porté par un h2 ou un span selon la sémantique du document.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Titres — quatre niveaux. Plus le corps grandit, plus l'interligne et
   l'approche se resserrent.
   -------------------------------------------------------------------------- */

.heading-1 {
  font-weight: var(--weight-medium);
  font-size: var(--text-display);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
}

.heading-2 {
  font-weight: var(--weight-medium);
  font-size: var(--text-title);
  line-height: var(--leading-title);
  letter-spacing: var(--tracking-title);
}

.heading-3 {
  font-weight: var(--weight-medium);
  font-size: var(--text-title-sm);
  letter-spacing: var(--tracking-title);
}

.heading-4 {
  font-weight: var(--weight-medium);
  font-size: var(--text-title-xs);
  letter-spacing: var(--tracking-title-xs);
}


/* --------------------------------------------------------------------------
   Surtitres — capitales espacées. Signature de tête et intertitres du pied
   de page : les deux seuls emplois autorisés des capitales.
   -------------------------------------------------------------------------- */

.eyebrow {
  font-weight: var(--weight-medium);
  font-size: var(--text-meta);
  letter-spacing: var(--tracking-eyebrow);
  text-transform: uppercase;
}

.eyebrow--wide { letter-spacing: var(--tracking-eyebrow-wide); }

/* Le nom du cabinet s'écrit « IÉNA Capital », et il doit se lire ainsi partout.
   Les capitales du surtitre le transformaient en « IÉNA CAPITAL » à l'affichage,
   ce qui donnait au site deux graphies pour un seul nom.  Cette variante garde
   la graisse et la taille du surtitre, et rend sa casse au texte.  L'interlettrage
   se resserre : celui des capitales disloque une casse mixte. */
.eyebrow--marque {
  text-transform: none;
  letter-spacing: 0.005em;
}


/* --------------------------------------------------------------------------
   Textes courants
   -------------------------------------------------------------------------- */

/* Chapeau de couverture — fluide, gris de second plan. */
.lead {
  font-size: var(--text-lead);
  color: var(--color-ink-secondary);
}

/* Chapeau de section — une phrase qui annonce une liste. */
.intro { font-size: var(--text-intro); }

/* Corps légèrement appuyé : chiffre clé, lien de tête. */
.text-lg { font-size: var(--text-body-lg); }

/* Méta — index de section, libellés, adresse de tête. */
.meta {
  font-size: var(--text-meta);
  color: var(--color-ink-muted);
}

/* Mentions légales — corps réduit, interligne resserré. */
.legal {
  font-size: var(--text-legal);
  line-height: var(--leading-legal);
  color: var(--color-ink-tertiary);
}

/* Exposant ordinal (Paris 8ᵉ). */
.ordinal { font-size: 9px; }


/* --------------------------------------------------------------------------
   Couleurs de texte
   -------------------------------------------------------------------------- */

.text-secondary { color: var(--color-ink-secondary); }
.text-muted     { color: var(--color-ink-muted); }
.text-accent    { color: var(--color-accent); }


/* --------------------------------------------------------------------------
   Longueurs de ligne — aucun paragraphe ne dépasse 62 caractères.
   -------------------------------------------------------------------------- */

.measure-display { max-width: var(--measure-display); }
.measure-tight   { max-width: var(--measure-tight);   }
.measure-snug    { max-width: var(--measure-snug);    }
.measure-base    { max-width: var(--measure-base);    }
.measure-wide    { max-width: var(--measure-wide);    }
.measure-widest  { max-width: var(--measure-widest);  }