/* ════════════════════════════════════════════════════════════════════════════
   tokens.css — Design tokens partagés (Lot UX-5)
   Source unique de vérité de la palette / rayons / ombres de BDC Pro.
   Chargé par index.html (SPA interne) ET portail.html (espace client), AVANT
   leurs feuilles respectives, pour supprimer la divergence de couleurs inline.
   Les surcharges de thème (sombre / xp) restent dans app.css.
   ════════════════════════════════════════════════════════════════════════════ */
:root {
  /* Navigation / structure */
  --nav-bg:#0d2137;--nav-hover:#1a3d6b;--nav-active:#1e4a85;
  /* Accent (orange BFI2) */
  --accent:#e07b18;--accent-dark:#c06510;--accent-light:#fef3e2;
  /* Couleurs entités & statuts */
  --blue:#2563eb;--blue-light:#eff6ff;--teal:#0d9488;--teal-light:#f0fdf9;
  --green:#16a34a;--green-light:#f0fdf4;--red:#dc2626;--red-light:#fef2f2;
  --amber:#d97706;--amber-light:#fffbeb;
  /* Surfaces / bordures / texte */
  --surface:#f1f5f9;--card:#ffffff;--border:#e2e8f0;--border-strong:#cbd5e1;
  --text:#1e293b;--text-muted:#64748b;--text-light:#94a3b8;
  /* Ombres */
  --shadow-sm:0 1px 3px rgba(13,33,55,.06),0 1px 2px rgba(13,33,55,.05);
  --shadow:0 4px 10px rgba(13,33,55,.08),0 2px 4px rgba(13,33,55,.05);
  --shadow-lg:0 12px 28px rgba(13,33,55,.14),0 4px 8px rgba(13,33,55,.06);
  /* Charte v1.33 « Moderne » : arrondis 8 (boutons/champs) · 12 (cartes) · 16 (modales) */
  --radius:12px;--radius-sm:8px;--radius-lg:16px;
  --focus-ring:0 0 0 3px rgba(224,123,24,.18);
  --nav-width:240px;--header-h:60px;

  /* ── Alias historiques du portail (portail.html) ──────────────────────────
     Le portail référençait --navy/--orange/--bg/--muted en inline. On les mappe
     ici sur les tokens canoniques → une seule définition de couleur au total. */
  --navy:var(--nav-bg);
  --orange:var(--accent);
  --bg:var(--surface);
  --muted:var(--text-muted);
}