/* =====================================================================
   00 — RÉGLAGES DU SITE
   Modifier uniquement les valeurs ici pour harmoniser toutes les pages.
   px = taille en pixels. 400 = normal ; 700 = gras.
   Casse : none = texte normal ; uppercase = MAJUSCULES.
   ===================================================================== */
:root {
  /* POLICES */
  --police-texte: Arial, Helvetica, sans-serif;
  --police-titres: Georgia, "Times New Roman", serif;

  /* TAILLES SUR ORDINATEUR */
  --taille-texte: 18px;
  --taille-h1: 36px;
  --taille-h2: 28px;
  --taille-h3: 24px;
  --taille-h4: 21px;
  --taille-h5: 19px;
  --taille-h6: 18px;
  --taille-boutons: 16px;
  --taille-menu: 16px;
  --taille-legendes: 14px;

  /* GRAISSE ET MAJUSCULES — indépendantes pour chaque niveau */
  --graisse-h1: 400;
  --graisse-h2: 400;
  --graisse-h3: 400;
  --graisse-h4: 700;
  --graisse-h5: 700;
  --graisse-h6: 700;
  --casse-h1: none;
  --casse-h2: none;
  --casse-h3: none;
  --casse-h4: none;
  --casse-h5: none;
  --casse-h6: none;

  /* COULEURS */
  --couleur-titres: #055c35;
  --couleur-texte: #53696b;
  --couleur-boutons: #087847;
  --couleur-boutons-survol: #055c35;

  /* RYTHME DE LECTURE */
  --interligne-texte: 1.7;
  --interligne-titres: 1.25;
  --espace-paragraphes: 20px;
  --espace-apres-titre: 20px;
}

/* MOBILE — tailles communes à toutes les pages, jusqu’à 700 px. */
@media (max-width: 700px) {
  :root {
    --taille-texte: 17px;
    --taille-h1: 30px;
    --taille-h2: 25px;
    --taille-h3: 22px;
    --taille-h4: 20px;
    --taille-h5: 18px;
    --taille-h6: 17px;
    --taille-boutons: 16px;
    --taille-menu: 16px;
    --taille-legendes: 13px;
    --espace-paragraphes: 18px;
    --espace-apres-titre: 18px;
  }
}