/* ============================================================
   CFE Énergies — Design tokens (framework-agnostique)
   À utiliser dans tout CSS « maison » qui ne passe pas par
   les utilitaires Tabler. Source de vérité : le moodboard.
   ============================================================ */
:root {
  /* — Neutres — */
  --cfe-noir:        #000000;
  --cfe-anthracite:  #404040;
  --cfe-gris:        #bfbfbf;
  --cfe-blanc:       #ffffff;

  /* — Bleus : identité & confiance — */
  --cfe-bleu-nuit:    #002060;  /* primaire structurel */
  --cfe-bleu-ardoise: #405888;  /* liens, hover, secondaire */
  --cfe-bleu-brume:   #bfc7d7;  /* surfaces douces */

  /* — Magenta : accent signature (action) — */
  --cfe-magenta:   #e2007a;  /* CTA / énergie */
  --cfe-rose:      #f07fbc;
  --cfe-rose-pale: #f8bfde;  /* halo de focus */

  /* — États fonctionnels (hors marque) — */
  --cfe-ok:    #1f8a5b;  --cfe-ok-bg:   #e7f4ee;
  --cfe-warn:  #a96a00;  --cfe-warn-bg: #fbf0db;
  --cfe-err:   #cc2b2b;  --cfe-err-bg:  #fbe9e9;

  /* — Surfaces — */
  --cfe-page:    #fbfbfc;
  --cfe-surface: #ffffff;
  --cfe-line:    #e4e6ec;

  /* — Typographie — */
  --cfe-font-display: 'Archivo', system-ui, sans-serif;
  --cfe-font-body:    'IBM Plex Sans', system-ui, sans-serif;
  --cfe-font-mono:    'IBM Plex Mono', ui-monospace, monospace;

  /* — Rayons — */
  --cfe-radius-sm:   10px;
  --cfe-radius-md:   16px;
  --cfe-radius-pill: 100px;

  /* Dosage couleur : 60 % neutres · 30 % bleu nuit · 10 % magenta */
}