/* =========================================================================
   VIGIE//OT — design tokens
   C'est le seul fichier à toucher pour décliner la direction artistique.
   Thème unique sombre, assumé : la lumière (cyan) ne fonctionne que sur du noir.
   Les couleurs « -rgb » existent pour composer des transparences :
   rgba(var(--signal-rgb), .15)
   ========================================================================= */
:root{
  color-scheme:dark;

  /* ---- Fond ---- */
  --void:#03070a;            --void-rgb:3,7,10;          /* noir teinté bleu-vert, jamais #000 */
  --panel:rgba(8,23,31,.72); /* verre fumé des panneaux */

  /* ---- Accent : la « lumière » nominale ----
     Pour changer d'accent, modifier ces deux lignes ensemble. */
  --signal:#48ecdc;          --signal-rgb:72,236,220;

  /* ---- Texte ---- */
  --ice:#d6f4f1;             --ice-rgb:214,244,241;      /* texte principal */
  --mute:#7aa5ab;            /* libellés, secondaires (contraste ≈ 7:1 sur --void) */
  --faint:#3b5f65;           /* décor, horodatages de fond — jamais pour une info utile */

  /* ---- Sémantique : uniquement pour signaler un état ---- */
  --warn:#ffb648;            --warn-rgb:255,182,72;      /* sous surveillance */
  --crit:#ff5163;            --crit-rgb:255,81,99;       /* critique, action requise */
  --sim:#ae96ff;             --sim-rgb:174,150,255;      /* simulé, prédit, modèle */

  /* ---- Traits ---- */
  --line:rgba(var(--signal-rgb),.16);
  --line-strong:rgba(var(--signal-rgb),.4);
  --line-dash:rgba(var(--signal-rgb),.1);

  /* ---- Typographie ---- */
  --f-display:"Chakra Petch","Rajdhani","Arial Narrow",sans-serif;
  --f-data:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;

  --fs-micro:9.5px;   /* graduations, en-têtes de colonnes */
  --fs-label:10px;    /* libellés en capitales */
  --fs-small:10.5px;  /* sous-textes */
  --fs-body:12px;     /* texte courant de l'interface */
  --fs-title:12.5px;  /* titres de panneaux */
  --fs-lead:17px;     /* titre d'alerte */
  --fs-kpi:28px;      /* chiffres clés */
  --fs-hero:40px;     /* chiffre héros (jauge) */

  --ls-label:.14em;   /* espacement des capitales */
  --ls-title:.15em;

  /* ---- Espacement ---- */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:14px; --sp-5:20px; --sp-6:28px;

  /* ---- Géométrie HUD ---- */
  --bracket:14px;     /* longueur des crochets d'angle */
  --chamfer:7px;      /* coin coupé des chips */
  --chamfer-lg:10px;  /* coin coupé des boutons */
  --grid-cell:40px;   /* maille de la grille de fond */

  /* ---- Mouvement ---- */
  --t-blink:1.1s;     /* voyant d'alerte */
  --t-pulse:1.9s;     /* onde autour d'un actif critique */
  --t-flow:1.1s;      /* défilement du chemin d'attaque */
  --t-sweep:4s;       /* balayage radar */
  --t-spin:40s;       /* anneau décoratif */
  --t-ticker:70s;     /* flux d'événements */
}
