/* ============================================================
   SOLUS' ENERGIE (kit37, accueil + page type d'activité)
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER.
   Couleurs relevées sur le site du prospect (couleurs globales
   du thème : orange #EB7006, noir #161515, gris clair #EBEFF1)
   et sur son logo (dégradé orange rouge, drapeau breton noir et
   blanc). L'orange porte l'action, le noir les bandes sombres.
   ============================================================ */

@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 : l'orange du logo, assombri juste assez pour porter du texte blanc */
  --brand:         #b45300;   /* orange Solus' Energie, texte blanc dessus 5.0:1 */
  --brand-dark:    #8a3f00;   /* survol */
  --brand-soft:    #fdf1e6;   /* fonds teintés clairs */
  --brand-ink:     #1f1a17;   /* titres sur fond clair, 16:1 */
  --brand-text:    #a94e00;   /* petits textes de marque sur clair, 5.2:1 sur --surface-alt */
  --brand-on-deep: #eb7006;   /* orange vif du site, texte de marque sur fond noir, 6.0:1 */
  --on-brand:      #ffffff;

  /* Accent : l'orange vif tel quel, réservé aux fonds sombres et aux détails */
  --accent:        #eb7006;
  --accent-2:      #e84028;   /* rouge orangé du dégradé du logo (réserve) */
  --on-accent:     #161515;   /* 6.0:1 */

  /* Surfaces profondes : le noir du site */
  --deep:          #161515;
  --deep-2:        #0d0c0c;
  --on-deep:       #ffffff;
  --on-deep-soft:  rgba(255,255,255,.82);
  --veil:          rgba(13,12,12,.86);   /* voile photo, côté texte */
  --veil-2:        rgba(13,12,12,.30);   /* voile photo, côté image */

  /* Neutres chauds */
  --ink:           #1f1a17;
  --ink-soft:      #5d5651;   /* 7.2:1 sur blanc, 6.7:1 sur --surface-alt */
  --surface:       #ffffff;
  --surface-alt:   #fbf6f1;
  --line:          #ece3da;

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