/* =====================================================================
   SOCLE S-PACE — v1 (§25)                                     2026-08-08
   ---------------------------------------------------------------------
   Couche de JETONS (variables CSS) commune à toute la suite S-PACE.
   PAS de composants : uniquement des variables + la famille typographique.
   Chaque application (statique OU Vite) importe ce fichier, puis dessine
   ses propres composants à partir de ces jetons.

   COHABITATION — règle d'or : ce fichier n'AJOUTE que des noms nouveaux,
   ou redéclare à l'IDENTIQUE des noms de charte déjà en place
   (--bordeaux, --rose, --fond). Il ne réaffecte JAMAIS une valeur dont
   dépend du code existant. On peut donc l'introduire dans une application
   non reprise sans rien casser.

   Deux familles de couleur, jamais mélangées :
     • IDENTITÉ (charte)      — colore le cliquable et la marque.
     • FONCTIONNEL (alerte)   — colore ce qui demande une décision.
   Le rouge d'alerte (#bb2a17, rouge-orangé) est à ΔE00 ≈ 27 du bordeaux
   (#920157, magenta) : « manifestement deux couleurs ». Ne pas rapprocher.
   ===================================================================== */

:root{
  /* ---- IDENTITÉ (charte — inchangée) ---- */
  --bordeaux:#920157;
  --rose:#bc5790;
  --bordeaux-fonce:#871a58;      /* survol de l'action principale */
  --fond:#fdf5f9;
  --encre:#1E1E1E;

  /* ---- FONCTIONNEL (palette d'alerte — §25) ----
     Chaque cran : teinte (texte/plein) · fond · bord. Contrastes AA vérifiés. */
  --alert:#bb2a17;  --alert-bg:#fbe9e6;  --alert-bd:#f1c6bf;   /* bloquant · 6,08:1 · ΔE00 27 / bordeaux */
  --warn:#8a5600;   --warn-bg:#fdf2df;   --warn-bd:#f0d9a8;    /* avertissement · 6,16:1 */
  --ok:#2f7d4f;     --ok-bg:#e9f2ec;     --ok-bd:#bcdcc8;      /* statut confirmé · 5,04:1 */
  --note:#5f6270;   --note-bg:#eef0f3;   --note-bd:#d5d9e0;    /* note neutre (remplace le prune) · 6,06:1 */

  /* Alias « sévérité » — mêmes valeurs, nommage orienté échelle d'attention.
     Utilisés par les tuiles du dashboard (cran bloc / avert). */
  --sev-bloc:#bb2a17;  --sev-bloc-bg:#fbe9e6;  --sev-bloc-bd:#f1c6bf;
  --sev-avert:#8a5600; --sev-avert-bg:#fdf2df; --sev-avert-bd:#f0d9a8;

  /* ---- SURFACES & LIGNES ---- */
  --papier:#ffffff;
  --surface:#f7ecf3;
  --surface-2:#f1e2ec;

  /* ---- FILET BORDEAUX (§25 V3) — l'identité passe par le trait, pas par l'aplat.
     Le filet gris devient un ALIAS du filet bordeaux : une seule valeur change,
     aucun appel `var(--ligne)`/`var(--ligne-forte)` existant n'est à réécrire.
     Additif et rétro-compatible ; se propage à toute la suite (dont S-RESA). */
  --filet:rgba(146,1,87,.14);          /* remplace #ecd8e4 partout */
  --filet-fort:rgba(146,1,87,.24);     /* champs, boutons 2ndaires, séparateurs (ex-#d9bccd) */
  --filet-faible:rgba(146,1,87,.09);   /* lignes internes de widget */
  --ligne:var(--filet);                /* ALIAS rétro-compatible (ex-#ecd8e4) */
  --ligne-forte:var(--filet-fort);     /* ALIAS rétro-compatible (ex-#d9bccd) */
  --encre-2:#5f5259;
  --encre-3:#8d7f87;

  /* ---- DENSITÉ DE TUILE (§25 V3) — deux pas, jamais trois ---- */
  --pas-large:13px 16px 12px;          /* tuile appelant une action */
  --pas-serre:10px 13px 11px;          /* tuile informative */

  /* ---- ÉCHELLE D'ESPACEMENT ---- */
  --e1:2px; --e2:4px; --e3:6px; --e4:8px; --e5:12px; --e6:16px; --e7:24px;

  /* ---- RAYONS ---- */
  --r1:3px; --r2:5px; --r3:8px;

  /* ---- RAIL ---- */
  --bordeaux-rail:#920157;             /* aplat du rail de navigation */

  /* ---- TYPOGRAPHIE ---- */
  --serif:"DM Serif Display", Georgia, serif;   /* titres */
  --sans:"Inter", system-ui, -apple-system, sans-serif;  /* texte */
}