/* ============================================================
   ANTONUTTI (kit37, accueil + page type d'activité)
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER.
   Aucun logo ni charte trouvés en ligne : palette choisie par l'agent,
   inspirée du littoral charentais (bleu de volet, sable d'enduit).
   À remplacer par les couleurs du logo dès qu'il sera fourni.
   ============================================================ */

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

:root{
  /* Marque : bleu de volet charentais, assez dense pour le texte blanc */
  --brand:         #1b6283;   /* boutons, liens, aplats : texte blanc dessus 6.7:1 */
  --brand-dark:    #174f6b;   /* survol, 8.9:1 avec le blanc */
  --brand-soft:    #e7f1f5;   /* fonds teintés clairs */
  --brand-ink:     #12384c;   /* titres sur fond clair, 12.4:1 */
  --brand-text:    #1b6283;   /* petits textes de marque sur clair, 6.2:1 sur --surface-alt */
  --brand-on-deep: #e3a857;   /* sable d'enduit : texte de marque sur fond sombre, 7.4:1 */
  --on-brand:      #ffffff;

  /* Accent : sable / ocre clair (jamais en texte sur fond clair : 2.1:1) */
  --accent:        #e3a857;
  --accent-2:      #f1d3a4;
  --on-accent:     #0d2633;   /* 7.4:1 */

  /* Surfaces profondes : bleu nuit océan */
  --deep:          #0d2633;   /* 15.6:1 avec le blanc */
  --deep-2:        #091d27;
  --on-deep:       #ffffff;
  --on-deep-soft:  rgba(255,255,255,.82);
  --veil:          rgba(9,29,39,.86);    /* voile photo, côté texte */
  --veil-2:        rgba(9,29,39,.28);    /* voile photo, côté image */

  /* Neutres */
  --ink:           #15222a;
  --ink-soft:      #56646d;   /* 6.1:1 sur blanc, 5.6:1 sur --surface-alt */
  --surface:       #ffffff;
  --surface-alt:   #f2f7f9;
  --line:          #dbe6ec;

  /* Typo du kit37 conservée */
  --font-display:  'Anton', 'Oswald', 'Arial Narrow', system-ui, sans-serif;
  --font-body:     'Outfit', system-ui, sans-serif;
  --font-kicker:   'Roboto', 'Outfit', system-ui, sans-serif;

  /* Forme */
  --radius:        14px;
  --radius-lg:     24px;
  --radius-btn:    999px;
  --shadow:        0 2px 6px rgba(0,0,0,.05), 0 22px 48px rgba(0,0,0,.12);
  --container:     1200px;
  --section-y:     clamp(64px, 8vw, 112px);
  --header-h:      84px;      /* hauteur du header collant, sert au scroll-margin-top */
}
/* ==== FIN ZONE DE MARQUE, rien de brandé en dessous ==== */