/* ============================================================
   SITM — COLOR TOKENS
   "Atelier industriel premium" — bleu électrique, navy profond, acier.
   Direction issue de la clé visuelle « demandes de prix » : bleu
   dominant (accent + titres accentués), orange réduit à l'ÉTINCELLE
   laser (accent secondaire, ponctuel). Naming: --sitm-<family>-<step>
   (base) / --<role> (semantic).
   ============================================================ */
:root {
  /* --- Base: Navy scale (dark surfaces) — quasi-noir bleuté --- */
  --sitm-navy-950: #020612;   /* fond le plus profond */
  --sitm-navy-900: #04101F;
  --sitm-navy-800: #04162E;   /* sections / bandeaux */
  --sitm-navy-700: #0A2140;
  --sitm-navy-600: #123258;   /* cartes / hover sur sombre */
  --sitm-navy-500: #1B4576;
  --sitm-navy-400: #245C96;

  /* --- Base: Bleu électrique (accent principal / énergie) --- */
  --sitm-blue-700: #1E5F9E;   /* bleu pressé / active */
  --sitm-blue-600: #2D87D5;   /* CTA principal / accent */
  --sitm-blue-500: #3E9BE8;   /* highlight / titres accentués */
  --sitm-blue-400: #6DB8F0;   /* glow / focus */
  --sitm-blue-100: #D8EAF9;   /* wash clair (badges sur clair) */

  /* --- Base: Orange (étincelle laser — accent secondaire ponctuel) --- */
  --sitm-spark-600: #E8780B;  /* spark plein */
  --sitm-spark-500: #F5951F;  /* spark highlight */
  --sitm-spark-400: #FBB04A;  /* étincelle chaude */
  --sitm-spark-100: #FCE7CC;  /* wash chaud */

  /* --- Base: Steel / neutral grays --- */
  --sitm-white:     #FFFFFF;  /*  */
  --sitm-paper:     #F6F8FB;  /* fond clair (légère teinte bleue) */
  --sitm-gray-100:  #EBEFF4;  /*  */
  --sitm-gray-200:  #D9E0EA;  /*  */
  --sitm-gray-300:  #BFC8D6;  /*  */
  --sitm-gray-400:  #93A0B4;  /*  */
  --sitm-gray-500:  #5E6B82;  /* texte secondaire */
  --sitm-gray-700:  #35415A;  /*  */
  --sitm-ink:       #0C1524;  /* texte sombre */

  /* --- Semantic (métier / feedback) --- */
  --sitm-success: #1E9E6A;    /*  */
  --sitm-warning: #E8A00B;    /*  */
  --sitm-error:   #D8452B;    /*  */
  --sitm-info:    #2D87D5;    /*  */

  /* ============================================================
     SEMANTIC ROLES
     ============================================================ */
  /* Backgrounds — dark (default landing universe) */
  --bg-base:        var(--sitm-navy-950);
  --bg-section:     var(--sitm-navy-800);
  --bg-elevated:    var(--sitm-navy-600);
  --surface-card:   #071A33;           /* carte sombre */
  --surface-card-2: #0E2A4C;           /* carte sombre elevée */

  /* Backgrounds — light (blocs conversion / formulaire / preuves) */
  --surface-light:  var(--sitm-white);
  --surface-paper:  var(--sitm-paper);
  --surface-muted:  var(--sitm-gray-100);

  /* Accent — BLEU électrique */
  --accent:         var(--sitm-blue-600);
  --accent-strong:  var(--sitm-blue-500);
  --accent-press:   var(--sitm-blue-700);
  --accent-glow:    var(--sitm-blue-400);

  /* Spark — orange (étincelle laser, ponctuel) */
  --spark:          var(--sitm-spark-500);
  --spark-strong:   var(--sitm-spark-400);

  /* Text — on dark */
  --text-on-dark:        #E9F1FA;
  --text-on-dark-muted:  #8FA1BA;
  --text-on-dark-faint:  #566A85;
  /* Text — on light */
  --text-primary:        var(--sitm-ink);
  --text-secondary:      var(--sitm-gray-500);
  --text-on-accent:      #FFFFFF;

  /* Borders / lines (traits de précision) */
  --line-on-dark:        rgba(233,241,250,0.12);
  --line-on-dark-strong: rgba(233,241,250,0.22);
  --line-on-light:       var(--sitm-gray-200);
  --line-on-light-strong:var(--sitm-gray-300);
  --line-accent:         var(--sitm-blue-600);

  /* Interactive states */
  --hover-on-dark:   rgba(233,241,250,0.06);
  --hover-on-light:  rgba(12,21,36,0.04);
  --focus-ring:      var(--sitm-blue-400);
  --disabled-bg:     var(--sitm-gray-200);
  --disabled-text:   var(--sitm-gray-400);
}