:root {
  --font-display: 'Fjalla One', 'Arial Narrow', sans-serif;
  --font-body: 'Alata', system-ui, sans-serif;

  --text-page-title: 40px;   /* h1, line-height 1.05 */
  --text-month: 26px;        /* sélecteur de mois */
  --text-brand: 26px;
  --text-section: 22px;      /* titres de section, titres de formulaire */
  --text-stat: 34px;         /* chiffre de tuile */
  --text-stat-sm: 22px;
  --text-amount: 18px;       /* montant en carte mobile */
  --text-nav: 15px;          /* libellé de l'onglet actif */
  --text-body: 15px;         /* mobile */
  --text-body-desk: 14px;    /* desktop */
  --text-field: 16px;        /* champs de saisie (évite le zoom iOS) */
  --text-label: 14px;
  --text-small: 13px;
  --text-badge: 12px;
  --text-tab: 11px;          /* barre classique */

  --leading-tight: 1.05;
  --leading-body: 1.4;
  --weight-strong: 600;      /* gras synthétique sur Alata */
  --tracking-display: 0.005em;
}