/* 00-balises.css — FABRIQUÉ par outils/balises.mjs depuis src/balises.json : ne pas modifier ici.
   Balises de la charte (seule source des tailles, marges, hauteurs, boutons, pictos et cartes), hors couche « ancien » :
   elles priment sur tout le CSS écrit avant le 21/10/2026. */
:root {
  --b-h1-taille: 58px;
  --b-h1-graisse: 700;
  --b-h1-interligne: 1.1;
  --b-h1-espacement: -1px;
  --b-h2-taille: 46px;
  --b-h2-graisse: 700;
  --b-h2-interligne: 1.15;
  --b-h2-espacement: -0.6px;
  --b-h3-taille: 22px;
  --b-h3-graisse: 700;
  --b-h3-interligne: 1.3;
  --b-h3-espacement: -0.2px;
  --b-titre-carte-taille: 22px;
  --b-titre-carte-graisse: 700;
  --b-titre-carte-interligne: 1.3;
  --b-titre-carte-espacement: -0.2px;
  --b-h4-taille: 19px;
  --b-h4-graisse: 500;
  --b-h4-interligne: 1.4;
  --b-h4-espacement: 0px;
  --b-surtitre-taille: 14px;
  --b-surtitre-graisse: 600;
  --b-surtitre-interligne: 1.4;
  --b-surtitre-espacement: 3px;
  --b-sous-titre-taille: 26px;
  --b-sous-titre-graisse: 500;
  --b-sous-titre-interligne: 1.3;
  --b-sous-titre-espacement: -0.2px;
  --b-legende-taille: 20px;
  --b-legende-graisse: 400;
  --b-legende-interligne: 1.65;
  --b-legende-espacement: 0px;
  --b-texte-taille: 17px;
  --b-texte-graisse: 400;
  --b-texte-interligne: 1.7;
  --b-texte-espacement: 0px;
  --b-carte-taille: 16px;
  --b-carte-graisse: 400;
  --b-carte-interligne: 1.65;
  --b-carte-espacement: 0px;
  --b-petit-taille: 14px;
  --b-petit-graisse: 400;
  --b-petit-interligne: 1.55;
  --b-petit-espacement: 0px;
  --b-bouton-taille: 16px;
  --b-bouton-graisse: 600;
  --b-bouton-interligne: 1.2;
  --b-bouton-espacement: 0px;
  --b-menu-taille: 16px;
  --b-menu-graisse: 600;
  --b-menu-interligne: 1.2;
  --b-menu-espacement: 0px;
  --b-chiffre-taille: 46px;
  --b-chiffre-graisse: 700;
  --b-chiffre-interligne: 1.1;
  --b-chiffre-espacement: -1px;
  --b-champ-taille: 17px;
  --b-champ-graisse: 400;
  --b-champ-interligne: 1.4;
  --b-champ-espacement: 0px;
  --b-couleur-legende-sur-clair: #36435F;
  --b-couleur-legende-sur-sombre: #E2E9F4;
  --b-couleur-carte-sur-clair: #3D4A63;
  --b-couleur-carte-sur-sombre: #E2E9F4;
  --b-espace-section: 120px;
  --b-espace-surtitre-titre: 20px;
  --b-espace-titre-texte: 28px;
  --b-espace-paragraphes: 20px;
  --b-espace-entete-contenu: 72px;
  --b-espace-contenu-boutons: 68px;
  --b-espace-texte-bouton: 44px;
  --b-espace-grille: 28px;
  --b-espace-carte-interieur: 36px;
  --b-espace-picto-titre: 24px;
  --b-espace-titre-texte-carte: 14px;
  --b-espace-carte-bouton: 32px;
  --b-hauteur-entete: 80px;
  --b-hauteur-haut-de-page: 715px;
  --b-hauteur-bandeau-appel: 550px;
  --b-bouton-hauteur: 50px;
  --b-bouton-marge-laterale: 26px;
  --b-bouton-icone: 18px;
  --b-bouton-ecart: 16px;
  --b-picto-taille: 44px;
  --b-picto-taille-ligne: 22px;
  --b-picto-trait: 1.5px;
  --b-carte-rayon: 16px;
  --b-carte-lisere: 1px;
  --b-conteneur-largeur: 1200px;
  --b-conteneur-gouttiere: 32px;
  --b-conteneur-texte: 800px;
  --hauteur-entete: var(--b-hauteur-entete);
  --largeur-conteneur: min(var(--b-conteneur-largeur), calc(100% - 2 * var(--b-conteneur-gouttiere)));
  --espace-surtitre-titre: var(--b-espace-surtitre-titre);
  --espace-titre-texte: var(--b-espace-titre-texte);
  --espace-paragraphes: var(--b-espace-paragraphes);
  --espace-entete-contenu: var(--b-espace-entete-contenu);
  --espace-grille-boutons: var(--b-espace-contenu-boutons);
  --espace-avant-bouton: var(--b-espace-texte-bouton);
  --espace-grille: var(--b-espace-grille);
  --espace-icone-titre: var(--b-espace-picto-titre);
  --espace-titre-texte-carte: var(--b-espace-titre-texte-carte);
  --espace-titre-sous-titre: 6px;
  --espace-texte-puces: var(--b-espace-paragraphes);
}

@media (max-width: 1199px) {
  :root {
    --b-h1-taille: 48px;
    --b-h2-taille: 40px;
    --b-h3-taille: 21px;
    --b-titre-carte-taille: 21px;
    --b-h4-taille: 18px;
    --b-surtitre-taille: 13px;
    --b-sous-titre-taille: 23px;
    --b-legende-taille: 19px;
    --b-menu-taille: 20px;
    --b-chiffre-taille: 40px;
    --b-espace-section: 96px;
    --b-espace-titre-texte: 24px;
    --b-espace-paragraphes: 18px;
    --b-espace-entete-contenu: 60px;
    --b-espace-contenu-boutons: 60px;
    --b-espace-texte-bouton: 40px;
    --b-espace-grille: 24px;
    --b-espace-carte-interieur: 32px;
    --b-espace-picto-titre: 22px;
    --b-espace-carte-bouton: 28px;
    --b-hauteur-haut-de-page: 792px;
    --b-hauteur-bandeau-appel: 480px;
    --b-bouton-marge-laterale: 24px;
    --b-picto-taille: 40px;
    --b-conteneur-texte: 720px;
  }
}

@media (max-width: 767px) {
  :root {
    --b-h1-taille: 36px;
    --b-h2-taille: 32px;
    --b-h3-taille: 20px;
    --b-titre-carte-taille: 20px;
    --b-surtitre-taille: 12px;
    --b-sous-titre-taille: 21px;
    --b-legende-taille: 18px;
    --b-texte-taille: 16px;
    --b-chiffre-taille: 34px;
    --b-champ-taille: 16px;
    --b-espace-section: 72px;
    --b-espace-surtitre-titre: 18px;
    --b-espace-titre-texte: 22px;
    --b-espace-paragraphes: 16px;
    --b-espace-entete-contenu: 48px;
    --b-espace-contenu-boutons: 52px;
    --b-espace-texte-bouton: 32px;
    --b-espace-grille: 20px;
    --b-espace-carte-interieur: 28px;
    --b-espace-picto-titre: 20px;
    --b-espace-titre-texte-carte: 12px;
    --b-espace-carte-bouton: 24px;
    --b-hauteur-entete: 64px;
    --b-hauteur-haut-de-page: 660px;
    --b-hauteur-bandeau-appel: 440px;
    --b-bouton-marge-laterale: 22px;
    --b-bouton-ecart: 12px;
    --b-picto-taille: 36px;
    --b-picto-taille-ligne: 20px;
    --b-carte-rayon: 14px;
    --b-conteneur-gouttiere: 16px;
    --b-conteneur-texte: 680px;
  }
}