@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;700;800&family=Anta&display=swap');

/* ============================================================
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER
   Le Goff Couverture : bleu et jaune du logo (maison et soleil),
   bleu profond de l'habillage du camion pour les fonds sombres.
   ============================================================ */
:root{
  /* Marque */
  --brand:        #5e90c8;   /* bleu du logo : nav, boutons, aplats */
  --brand-dark:   #79a5d6;   /* survol des boutons (s'éclaircit pour garder le texte sombre lisible : 5.6:1) */
  --brand-soft:   #eaf2fa;   /* fonds teintés légers */
  --brand-ink:    #2f5f96;   /* titres et liens bleus sur fond clair : 6.6:1 sur blanc */
  --accent:       #e3bc1d;   /* jaune du soleil du logo, lisible sur bleu profond : 6.4:1 */
  --on-brand:     #0e2840;   /* texte posé sur le bleu : 4.5:1 (le blanc ne fait que 3.3:1) */

  /* Fonds sombres : bleu profond */
  --dark:         #163a5f;
  --dark-deep:    #0e2840;
  --on-dark:      #ffffff;
  --on-dark-soft: #d9e6f3;   /* 9.2:1 sur --dark */

  /* Neutres */
  --ink:          #172230;
  --ink-soft:     #4c5866;
  --surface:      #ffffff;
  --surface-alt:  #f2f5f8;
  --line:         #dfe5ec;

  /* Voiles photo */
  --veil:         rgba(10,26,42,.55);
  --veil-strong:  rgba(10,26,42,.72);

  /* Typo */
  --font-display: 'Outfit', system-ui, sans-serif;
  --font-kicker:  'Anta', system-ui, sans-serif;
  --font-body:    'Outfit', system-ui, sans-serif;

  /* Forme */
  --radius:       16px;
  --radius-lg:    28px;
  --radius-pill:  999px;
  --shadow:       0 2px 4px rgba(0,0,0,.05), 0 14px 34px rgba(0,0,0,.12);
  --container:    1320px;
  --section-y:    clamp(64px, 8vw, 110px);
  --header-h:     76px;
}
/* ==== FIN ZONE DE MARQUE : rien de brandé en dessous ==== */