/*
 * The Maps — typographie (DA v2, 5 oct. 2026)
 *
 * Geist pour l'interface et les titres, Geist Mono pour les chiffres.
 * Graisses retenues : Regular 400, Medium 500, SemiBold 600 (+ Geist Mono 400/500).
 * Polices auto-hébergées (licence SIL OFL 1.1, voir assets/fonts/OFL-Geist.txt).
 *
 * Grammaire : chaque élément de l'interface prend UN rôle ci-dessous,
 * jamais une taille ou une graisse libre.
 *
 *   h2        22/28  600  -1,5 %   titre de fiche / panneau principal
 *   h3        17/24  600  -1 %     titre de panneau, nom mis en avant
 *   body      15/22  400           texte courant
 *   body-sm   13/18  400           métadonnées, aides, descriptions de panneau
 *   label     14/20  500           boutons, filtres, onglets, libellés de champs
 *   overline  11/14  600  +12 %    catégorie, en-tête de groupe — toujours en capitales
 *   data      13/18  500  mono     compteurs, montants, distances, durées (chiffres tabulaires)
 *   data-lg   28/32  500  mono     grand compteur du cockpit
 */

@font-face {
  font-family: 'Geist';
  src: url('./assets/fonts/Geist-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('./assets/fonts/Geist-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist';
  src: url('./assets/fonts/Geist-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('./assets/fonts/GeistMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geist Mono';
  src: url('./assets/fonts/GeistMono-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-sans: 'Geist', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  --type-h2-size: 22px;
  --type-h2-line: 28px;
  --type-h2-tracking: -0.015em;

  --type-h3-size: 17px;
  --type-h3-line: 24px;
  --type-h3-tracking: -0.01em;

  --type-body-size: 15px;
  --type-body-line: 22px;

  --type-body-sm-size: 13px;
  --type-body-sm-line: 18px;

  --type-label-size: 14px;
  --type-label-line: 20px;

  --type-overline-size: 11px;
  --type-overline-line: 14px;
  --type-overline-tracking: 0.12em;

  --type-data-size: 13px;
  --type-data-line: 18px;

  --type-data-lg-size: 28px;
  --type-data-lg-line: 32px;
  --type-data-lg-tracking: -0.02em;
}

/* Chiffres : toujours tabulaires en Geist Mono. */
.type-data,
.type-data-lg {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  font-weight: var(--weight-medium);
}