/* ========================================
    VARIABLES GLOBALES PAR DÉFAUT
======================================== */
:root {
  /* Palette de reference — representative du parc, pas decorative.
     L'ancienne posait --primary sur un ambre CLAIR alors que 60 regles de la
     bibliotheque ecrivaient deja du blanc dessus, contre 12 en noir : le code
     traitait --primary comme sombre et c'est la palette qui mentait. C'est ce
     decalage qui a produit des textes noirs sur fond sombre (bouton devis du
     menu burger, badge d'itineraire d'acces-1...). */
  --primary: #14213d;
  --secondary: #157a7a;

  /* Couleur de TEXTE a poser sur chacun de ces fonds.
     Un composant n'a pas a deviner si --primary est clair ou sombre : il ecrit
     var(--on-primary) et c'est le theme, qui seul connait sa palette, qui
     tranche. Un thème redefinissant --primary DOIT redefinir --on-primary.
     Contraste avec cette palette : 15.97:1 sur --primary, 5.13:1 sur
     --secondary. */
  --on-primary: var(--white);
  --on-secondary: var(--white);

  --white: #ffffff;
  --white-transparent: #ffffff1a;
  --black: #000000;
  --gray-light: #ececec;
  --gray-dark: #686868;
  --font-display: "Playfair Display", Georgia, serif;
  --font-heading: "Bebas Neue", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --font-modern: "Space Grotesk", sans-serif;
  --font-numeric: "Fraunces", "Playfair Display", Georgia, serif;

  --header-height: 120px;
  --max-content-width: 1200px;
}

@media (max-width: 1024px) {
  :root {
    --header-height: 80px;
  }
}