/* ==========================================================
   SICOFOR — Design tokens (repris du nouveau site Elementor)
   Modifier ici les couleurs / typos / rayons : tout suit.
   ========================================================== */
:root{
  /* Couleurs marque */
  --c-navy:   #262653;   /* primaire (fond teaser, boutons, titres) */
  --c-navy-2: #2E3065;   /* hover */
  --c-sky:    #B5D4EA;   /* accent clair */
  --c-steel:  #719FBC;   /* accent moyen, focus */
  --c-rose:   #F18F90;   /* champs obligatoires, dégradé */
  --c-lilac:  #C2BAE3;   /* dégradé */
  --c-green:  #87B74E;   /* succès, pastille "live" */

  /* Bande verticale centrale (desktop) */
  --c-band-top:    #688E75;  /* vert sauge */
  --c-band-bottom: #C89F8A;  /* terracotta clair */
  --band-split:    62%;      /* hauteur de la bascule vert -> terracotta */
  --c-red:    #C8453F;   /* erreurs formulaire */

  /* Neutres */
  --c-ink:   #1D1D3A;
  --c-muted: #6B6D8A;
  --c-line:  #E5E5E5;
  --c-bg:    #F6F8FB;
  --c-white: #FFFFFF;

  /* Dégradé du titre */
  --grad-title: linear-gradient(90deg, var(--c-sky), var(--c-lilac) 55%, var(--c-rose));

  /* Typographie */
  --f-head: 'Poppins', system-ui, sans-serif;
  --f-body: 'Inter', system-ui, sans-serif;

  /* Rayons & ombres */
  --r-card: 18px;
  --r-field: 10px;
  --shadow-card: 0 1px 2px rgba(38,38,83,.05), 0 20px 50px -20px rgba(38,38,83,.18);
  --ring: 0 0 0 4px rgba(181,212,234,.45);
}