/* ============================================================
   PARTNER CHAUFFAGE (kit37, accueil + page type d'activité)
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER.
   Couleurs relevées sur le logo du prospect : rouge brique #9a3a32
   (fond du logo) et orange #f3962c (lettrage du logo).
   ============================================================ */

@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 : le rouge brique du logo porte l'action */
  --brand:         #9a3a32;   /* rouge brique du logo, texte blanc dessus 6.9:1 */
  --brand-dark:    #7c2c25;   /* survol */
  --brand-soft:    #f6ebe6;   /* fonds teintés clairs */
  --brand-ink:     #3b1d19;   /* titres sur fond clair, brun brique très sombre, 15.3:1 */
  --brand-text:    #9a3a32;   /* petits textes de marque sur clair, 6.9:1 sur blanc, 6.2:1 sur --surface-alt */
  --brand-on-deep: #f3962c;   /* orange du logo, texte de marque sur fond sombre, 7.8:1 */
  --on-brand:      #ffffff;   /* texte posé sur --brand, 6.9:1 */

  /* Accent : orange du logo, réservé aux fonds sombres et au focus */
  --accent:        #f3962c;
  --accent-2:      #f7b46a;
  --on-accent:     #1e1514;   /* 7.8:1 */

  /* Surfaces profondes : brun très sombre, chaud, dans l'esprit brique */
  --deep:          #1e1514;
  --deep-2:        #160f0e;
  --on-deep:       #ffffff;   /* 17.9:1 */
  --on-deep-soft:  rgba(255,255,255,.8);
  --veil:          rgba(22,12,10,.86);   /* voile photo, côté texte */
  --veil-2:        rgba(22,12,10,.30);   /* voile photo, côté image */

  /* Neutres chauds */
  --ink:           #1f1a19;
  --ink-soft:      #5d5450;   /* 7.4:1 sur blanc, 6.6:1 sur --surface-alt */
  --surface:       #ffffff;
  --surface-alt:   #f8f2ec;
  --line:          #ebe1d8;

  /* 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 ==== */