/* AEROCAP : pont entre les noms de jetons de L’Abritant V2 et les jetons AEROCAP (04/11/2026).
   Les gabarits et feuilles portés de L’Abritant (socle-commun.css, marque.css, pages/*.css) emploient les noms de la
   palette L’Abritant (graphite, toile, jaune-hauban, espace-4, rayon-s…). Ce fichier les redéfinit avec les valeurs
   AEROCAP, d’après la « Correspondance des jetons et des classes » du Sommaire du design system AEROCAP.
   Les rôles communs (fond, fond-carte, texte, action, focus…) portent déjà le même nom : ils viennent de tokens.css.
   Seuls des var(--…) ici : aucune valeur de marque. */

:root {
  /* Encres et fonds */
  --graphite: var(--encre);
  --graphite-doux: var(--encre-800);
  --toile: var(--ecru);
  --toile-fonce: var(--ecru-fonce);
  --toile-attenuee: var(--texte-inverse-doux);
  /* Le jaune signal de L’Abritant devient le jaune post-it d’AEROCAP (fond-accent : ce qui aide ou est choisi) ;
     sur les fonds marine, aerocap.css le remplace par rouge-clair ou blanc. */
  --jaune-hauban: var(--fond-accent);
  --jaune-pale: var(--fond-accent);
  --sapin: var(--succes);
  --sapin-pale: var(--succes-pale);

  /* Espacements, rayons, filets */
  --espace-1: var(--space-1);
  --espace-2: var(--space-2);
  --espace-3: var(--space-3);
  --espace-4: var(--space-4);
  --espace-6: var(--space-6);
  --espace-8: var(--space-8);
  --espace-12: var(--space-12);
  --espace-16: var(--space-16);
  --espace-24: calc(2 * var(--space-12));
  --rayon-0: var(--radius-0);
  --rayon-s: var(--radius-sm);
  --rayon-m: var(--radius-md);
  --trait-fin: var(--border-fin);
  --trait-moyen: var(--border-controle);
  --trait-hauban: var(--border-etat);

  /* Signes : AEROCAP n’a ni ombre « tampon » ni objet de travers ; une seule diagonale, celle du Λ (65°). */
  --angle-hauban: var(--angle-diagonale);
  --angle-astuce: 0deg;
  --ombre-tampon: 0 0 0 transparent;
  --logo-icone: 36px;

  /* Échelle de titres : titre-1 → h1, titre-2 → h2, titre-3 et titre-4 → h3 */
  --text-titre-affiche: var(--text-display);
  --text-titre-affiche-tel: var(--text-display-tel);
  --text-titre-1: var(--text-h1);
  --text-titre-1-tel: var(--text-h1-tel);
  --text-titre-produit-tel: var(--text-h1-tel);
  --text-titre-2: var(--text-h2);
  --text-titre-2-tel: var(--text-h2);
  --text-titre-3: var(--text-h3);
  --text-titre-4: var(--text-h3);
  --text-cote: var(--text-spec);
}

/* Classes typographiques de L’Abritant (générées par son tokens.css) rendues avec l’échelle AEROCAP. */
.titre-affiche { font: var(--text-display); letter-spacing: -0.025em; }
.titre-1 { font: var(--text-h1); letter-spacing: -0.02em; }
.titre-2 { font: var(--text-h2); letter-spacing: -0.015em; }
.titre-3, .titre-4 { font: var(--text-h3); }
.titre-affiche-tel { font: var(--text-display-tel); letter-spacing: -0.015em; }
.titre-1-tel, .titre-produit-tel { font: var(--text-h1-tel); }
.titre-2-tel { font: var(--text-h2); letter-spacing: -0.015em; }
.cote { font: var(--text-spec); }
@media (max-width: 767.98px) {
  .titre-affiche { font: var(--text-display-tel); }
  .titre-1 { font: var(--text-h1-tel); }
}