/* Typographie — Veillée en couleur
   Cormorant Garamond porte l'émotion (titres, chiffres, citations).
   Geist porte l'information (texte courant, boutons).
   JetBrains Mono porte le service (légendes, dates, prix, labels). */
:root {
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-sans: "Geist", Helvetica, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;

  /* Échelle display — Cormorant, weight 300, jamais en gras */
  --display-xxl: 128px;  /* couverture, hero pleine page */
  --display-xl: 92px;    /* titre de section pleine largeur */
  --display-l: 72px;     /* titre de slide, titre de page */
  --display-m: 54px;     /* sous-titre, chiffre mis en avant */
  --display-s: 38px;     /* titre de carte */
  --display-xs: 30px;    /* titre de ligne, titre de tableau */

  /* Échelle texte — Geist, weight 300 en grande taille, 400 en petit */
  --size-lead: 25px;     /* chapô */
  --size-body: 20px;     /* texte courant */
  --size-small: 17px;    /* texte secondaire */
  --size-ui: 15px;       /* libellé d'interface */

  /* Échelle mono — toujours en capitales, interlettrage large */
  --mono-l: 24px;        /* label de slide, kicker */
  --mono-m: 15px;        /* label d'interface, nav */
  --mono-s: 12px;        /* légende d'image, mention */

  /* Interlignes */
  --lh-display: 0.95; /* @kind font */
  --lh-display-loose: 1.05; /* @kind font */
  --lh-body: 1.55; /* @kind font */
  --lh-tight: 1.3; /* @kind font */

  /* Interlettrages */
  --ls-display: -0.015em;
  --ls-body: 0em;
  --ls-mono: 0.14em;
  --ls-mono-wide: 0.18em;
}