@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
   Valentin TP : orange et anthracite relevés sur le logo (écusson).
   ============================================================ */
:root{
  /* Marque */
  --brand:        #f2904f;   /* orange du logo : nav, boutons, aplats */
  --brand-dark:   #e5793a;   /* survol des boutons (texte anthracite 4.9:1) */
  --brand-soft:   #fdf1e8;   /* fonds teintés légers */
  --brand-ink:    #9c4a14;   /* titres et liens orange sur fond clair : 6.2:1 sur blanc */
  --accent:       #f6a873;   /* orange clair lisible sur anthracite : 5.6:1 */
  --on-brand:     #26292c;   /* texte posé sur l'orange : 6.2:1 (le blanc ne passe pas) */

  /* Fonds sombres : l'anthracite de l'écusson */
  --dark:         #393d41;
  --dark-deep:    #26292c;
  --on-dark:      #ffffff;
  --on-dark-soft: #d9dcdf;   /* 7.9:1 sur --dark */

  /* Neutres */
  --ink:          #1e2124;
  --ink-soft:     #50565c;
  --surface:      #ffffff;
  --surface-alt:  #f3f3f2;
  --line:         #e2e4e6;

  /* Voiles photo */
  --veil:         rgba(20,22,24,.55);
  --veil-strong:  rgba(20,22,24,.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 ==== */