/* =====================================================================
   assets/css/tokens.css
   -----------------------------------------------------------------------
   UI-1 — Source de vérité CSS CENTRALISÉE pour les valeurs visuelles
   réellement réutilisées transversalement. Reprend la direction visuelle
   validée (audit UI, palette FAstock V2) : UN accent principal, 3
   couleurs de statut, le reste neutre.

   ⚠️ AUCUNE couleur par module ici ni ailleurs à partir de ce fichier —
   les anciens tokens par-module (--inventory-primary, --recipes-primary,
   --admin-primary...) restent définis dans assets/css/modules/base.css
   pour NE CASSER AUCUN ÉCRAN EXISTANT (encore utilisés par de nombreuses
   règles non migrées) — ce fichier ne les remplace pas encore, il
   introduit la cible pour les futures migrations écran par écran (hors
   périmètre UI-1, voir rapport final).

   Volontairement PEU de tokens : uniquement ce qui sert à au moins 2
   primitives transverses réelles (.badge/.icon-btn/.add-btn/.admin-row
   + la nouvelle navigation). Ne pas en ajouter sans un usage réel.
   ===================================================================== */

:root {
  /* ---- Accent (action) — UNE seule couleur, jamais une par module ---- */
  --fa-accent: #1F5F4B;
  --fa-accent-soft: #E7EFEC;
  --fa-accent-active: #143F32; /* état actif/pressé, même teinte assombrie — pas une couleur supplémentaire */
  --fa-on-accent: #FFFFFF;

  /* ---- Statuts — 3 seulement, jamais un 4e sans justification ---- */
  --fa-critical: #A32B22;
  --fa-warn: #B4531F;
  --fa-ok: #2E7A62;

  /* ---- Neutres ---- */
  --fa-text: #14181C;
  --fa-text-muted: #5B6672;
  --fa-border: #DCE1E7;
  --fa-bg: #F2F4F6;
  --fa-surface: #FFFFFF;

  /* ---- Rayons ---- */
  --fa-radius: 4px;
  --fa-radius-lg: 6px;

  /* ---- Espacements — seulement l'échelle réellement utilisée par les primitives migrées ---- */
  --fa-space-1: 4px;
  --fa-space-2: 8px;
  --fa-space-3: 12px;
  --fa-space-4: 16px;

  /* ---- Densité (hauteur de ligne/cible tactile) ---- */
  --fa-row-h: 44px; /* desktop */
  --fa-tap: 48px;   /* tablette/mobile — cible tactile minimale */
}