/* ============================================================
   TOKENS DE MARQUE — c'est LE fichier à modifier pour rebrander.
   Toutes les couleurs, polices, rayons et ombres du site passent
   par ces variables. Les pages n'utilisent jamais de valeur en dur.
   ============================================================ */

:root {
  /* --- Couleurs de marque --- */
  --primary:        #183653;
  --primary-dark:   #0C263D;
  --primary-hover:  #285578;
  --yellow:         #F2BE62;
  --orange:         #E69B65;
  --peach:          #EF725F;
  --red:            #CE654E;
  --danger:         #DC3545;
  --green:          #21806B;

  /* --- Neutres --- */
  --ink:            #22374A;
  --ink-strong:     #183653;
  --grey-700:       #536475;
  --grey-500:       #8396A6;
  --grey-400:       #AFC3D0;
  --grey-200:       #DCE7EE;
  --grey-100:       #E9F1F5;
  --grey-50:        #F7FAFC;
  --white:          #FFFFFF;

  /* --- Teintes douces (fonds de blocs) --- */
  --yellow-soft:    rgba(242, 190, 98, 0.22);
  --primary-soft:   rgba(24, 54, 83, 0.10);
  --ink-soft:       rgba(24, 54, 83, 0.10);
  --overlay:        rgba(0, 0, 0, 0.50);   /* voile derrière les fenêtres modales */

  /* --- Dégradés --- */
  --grad-primary:       var(--primary);
  --grad-primary-hover: var(--primary-hover);
  --grad-sunset:        var(--peach);
  --grad-gold:          var(--yellow);

  /* --- Typographie ---
     Le site d'origine utilise "TruenoBd" (police payante) pour les titres.
     Montserrat (Google Fonts, libre) en est le substitut le plus proche. */
  --font-heading: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Source Sans 3', 'Segoe UI', system-ui, sans-serif;
  --heading-weight: 700;
  --heading-tracking: -0.03em;

  /* --- Rayons --- */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius:    8px;    /* boutons */
  --radius-md: 10px;   /* cartes */
  --radius-lg: 20px;   /* grandes cartes */
  --radius-xl: 24px;   /* bloc FAQ */
  --radius-pill: 50rem;

  /* --- Ombres --- */
  --shadow-card:  1px 0 4px rgba(23, 24, 28, 0.10);
  --shadow-soft:  0 4px 22px rgba(0, 0, 0, 0.12);
  --shadow-btn:   0 2px 6px rgba(0, 0, 0, 0.25);   /* boutons/filtres des pages villes */
  --shadow-accent-primary: -10px 0 0 var(--primary);
  --shadow-accent-red:     -10px 0 0 var(--red);
  --shadow-accent-yellow:  -10px 0 0 var(--yellow);
  --shadow-accent-peach:   -10px 0 0 var(--peach);

  /* --- Mise en page --- */
  --container: 1320px;
  --container-pad: 12px;
  --header-h: 92px;
  --header-inner: 1100px;

  /* --- Mouvement --- */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --dur: .25s;
}