/* ============================================================
   SINTHE PLOMBERIE ÉLECTRICITÉ (kit37, accueil + page type d'activité)
   ZONE DE MARQUE : SEULE ZONE À MODIFIER POUR REBRANDER.
   Couleurs relevées sur le logo SPE du prospect : dégradé bleu
   (#1f8fc4 à #22b0d5) et dégradé jaune, orange, rouge (#f6c533,
   #f39130, #f07040). Le bleu porte l'action, l'orange les accents.
   ============================================================ */

@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 bleu du logo, assombri juste assez pour le texte blanc */
  --brand:         #136fa4;   /* bleu SPE, texte blanc dessus 5.5:1 */
  --brand-dark:    #0e5a87;   /* survol */
  --brand-soft:    #e6f3fa;   /* fonds teintés clairs */
  --brand-ink:     #0b3550;   /* titres sur fond clair, 12.8:1 */
  --brand-text:    #136fa4;   /* petits textes de marque sur clair, 5.1:1 sur --surface-alt */
  --brand-on-deep: #f39130;   /* orange du logo, texte de marque sur fond sombre, 6.9:1 */
  --on-brand:      #ffffff;

  /* Accent : orange du logo */
  --accent:        #f39130;
  --accent-2:      #f6c533;   /* jaune du logo */
  --on-accent:     #0b2233;   /* 6.9:1 */

  /* Surfaces profondes : bleu nuit, dans le prolongement du bleu du logo */
  --deep:          #0b2233;
  --deep-2:        #071824;
  --on-deep:       #ffffff;
  --on-deep-soft:  rgba(255,255,255,.82);
  --veil:          rgba(7,24,36,.86);    /* voile photo, côté texte */
  --veil-2:        rgba(7,24,36,.30);    /* voile photo, côté image */

  /* Neutres froids */
  --ink:           #13202a;
  --ink-soft:      #4d5b66;   /* 7.0:1 sur blanc, 6.5:1 sur --surface-alt */
  --surface:       #ffffff;
  --surface-alt:   #f1f7fb;
  --line:          #dbe7ef;

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