/* ==========================================================================
   MÉRA — Typographie
   Deux familles maximum : une sans-serif principale + une serif éditoriale.
   ========================================================================== */

/* --------------------------------------------------------------------------
   ⚠ POLICES TEMPORAIRES — À REMPLACER
   Aucune police définitive n'est fournie dans le dossier de référence.
   Les piles ci-dessous sont des FALLBACKS SYSTÈME, pas un choix de DA.

   Remplacement (2 étapes) :
   1. Déposer les fichiers .woff2 dans /assets/fonts et décommenter/compléter
      les @font-face ci-dessous.
   2. Remplacer --font-sans-temp / --font-serif-temp par le nom des familles
      (ou modifier directement --font-sans / --font-serif dans tokens.css).

   Rendu attendu d'après les maquettes :
   - sans  : grotesque, graisse très forte + chasse condensée pour le display
             (MÉRA, LA CARTE, JOURNAL…), capitales espacées pour nav/labels.
   - serif : serif éditoriale ; titres secondaires en capitales condensées
             (LA BRIGADE, DES PRODUITS DE CARACTÈRE…) et textes d'intro.
   -------------------------------------------------------------------------- */

/*
@font-face {
  font-family: "MERA Sans";
  src: url("../assets/fonts/mera-sans-variable.woff2") format("woff2");
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MERA Serif";
  src: url("../assets/fonts/mera-serif-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/

:root {
  /* TEMP — fallbacks système */
  --font-sans-temp: "Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;
  --font-sans-condensed-temp: "Helvetica Neue", "Arial Narrow", Arial, sans-serif;
  --font-serif-temp: "Times New Roman", Times, Georgia, serif;
}

/* ---- Rôles typographiques ------------------------------------------------ */

/* Interlignage serré + capitales accentuées (MÉRA, ÉDITION) : réserve en tête
   pour que l'accent ne chevauche pas l'élément précédent. */
.t-display,
.t-heading {
  padding-block-start: 0.12em;
}

/* Display : titres de hero (sans, noir, condensé) */
.t-display {
  font-family: var(--font-sans-condensed-temp);
  font-size: var(--text-display);
  font-weight: var(--weight-black);
  font-stretch: condensed;
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
}

/* Titre fort sans (ÉDITION 41, LE FEU COMME LANGAGE…) */
.t-heading {
  font-family: var(--font-sans-condensed-temp);
  font-size: var(--text-xl);
  font-weight: var(--weight-black);
  font-stretch: condensed;
  line-height: var(--leading-tight);
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

/* Titre éditorial serif en capitales (LA MAISON, VOTRE RÉSERVATION…) */
.t-editorial {
  font-family: var(--font-serif);
  font-size: var(--text-xl);
  font-weight: var(--weight-regular);
  line-height: var(--leading-tight);
  letter-spacing: -0.01em;
  text-transform: uppercase;
}

.t-editorial--sm {
  font-size: var(--text-lg);
}

/* Introductions / chapôs */
.t-intro {
  font-family: var(--font-serif);
  font-size: var(--text-md);
  line-height: var(--leading-snug);
}

/* Texte courant éditorial */
.t-body {
  font-family: var(--font-serif);
  font-size: var(--text-base);
  line-height: var(--leading-body);
}

/* Accroche sans en capitales (UNE TABLE À BORDEAUX, TOURNÉE VERS L'ESSENTIEL.) */
.t-kicker {
  font-family: var(--font-sans);
  font-size: var(--text-sm);
  font-weight: var(--weight-bold);
  line-height: var(--leading-snug);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

/* Labels, méta, index (MENU DE SAISON, 01, CUISINE — 12 AOÛT) */
.t-label {
  font-family: var(--font-sans);
  font-size: var(--text-2xs);
  font-weight: var(--weight-medium);
  line-height: 1.3;
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
}

/* Prix et données chiffrées */
.t-price {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: var(--weight-medium);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.t-muted {
  color: var(--surface-muted);
}

.t-balance {
  text-wrap: balance;
}