/* ==========================================================
   VARIABLES — identité visuelle (charte Frantz Azemar · Cap 2.0, orange de campagne)
   Pour changer une couleur sur tout le site, modifiez-la ICI seulement.
   ========================================================== */
:root {
  /* Bleu marine — couleur principale (charte : #062B66) */
  --navy-950: #031B42;   /* en-tête, pied de page */
  --navy-900: #062B66;   /* couleur officielle */
  --navy-800: #0B3A80;
  --navy-700: #1A4C99;

  /* Orange — couleur de la campagne (affiche « Vote 85 »), utilisée pour attirer l'œil :
     disque de la photo, boutons, filets, chiffres, bandeaux étroits. Les grandes surfaces sont en bleu marine ou pêche.
     Texte sur fond orange : toujours en bleu marine (le blanc n'y est pas assez lisible). */
  --orange-400: #F68B3C;   /* haut des dégradés */
  --orange-500: #F37021;   /* orange principal (adouci pour l'écran) */
  --orange-600: #DE6118;   /* survol des boutons */
  --orange-700: #B84300;   /* texte orange sur fond blanc (lisible) */
  --orange-100: #FFE3CC;
  --orange-50:  #FFF1E4;   /* fonds de sections clairs (pêche) */

  --accent: var(--orange-500);
  --filet: var(--red-600);   /* fines lignes d'accent : filets, encadrements, soulignés, petits traits */
  --accent-text: var(--orange-700);

  /* Rouge — touches fines (filets, encadrements, soulignés), logo FA, messages d'erreur */
  --red-600: #D7193F;
  --red-700: #B01232;

  /* Gris clair — fonds de sections (charte : #F3F5F7) */
  --gray-100: #F3F5F7;
  --gray-200: #E3E7ED;
  --gray-300: #CDD3DC;

  --white: #FFFFFF;
  --ink:   #0E1B33;   /* texte principal */
  --muted: #56617A;   /* texte secondaire */
  --line:  #DDE2EA;   /* séparateurs */
  --on-navy: #DCE3EE; /* texte courant sur fond marine */

  /* Typographie — une seule famille : Montserrat
     Hiérarchie de la charte : AZEMAR Extra Bold (800) · FRANTZ Medium (500)
     CAP 2.0 Semi Bold (600) · texte Regular (400) */
  --font: "Montserrat", "Segoe UI", Roboto, Arial, sans-serif;

  --fs-xs: .78rem;
  --fs-sm: .9rem;
  --fs-base: 1rem;
  --fs-lg: 1.15rem;
  --fs-xl: clamp(1.35rem, 1.1rem + 1vw, 1.75rem);
  --fs-2xl: clamp(1.85rem, 1.3rem + 2.2vw, 2.75rem);
  --fs-hero: clamp(3rem, 1.6rem + 5.6vw, 6rem);

  /* Espacements et mise en page */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --section-y: clamp(4rem, 3rem + 4vw, 7rem);
  --container: 1200px;
  --gutter: clamp(1rem, .5rem + 2vw, 2rem);

  --radius: 2px;
  --header-h: 76px;
  --shadow: 0 18px 40px -26px rgba(6, 43, 102, .4);
  --ease: cubic-bezier(.2, .7, .2, 1);
}