/* ============================================================
   Fratria Backoffice — Tokens (Design System)
   Source UNIQUE de la direction artistique (LoveFrom / Jony Ive).
   Réf : DESIGN_SYSTEM.html v1 (2026-06-03).
   Toute page doit réutiliser ces variables, jamais de valeur en dur.
   ============================================================ */
:root {
  /* --- Neutres — 95 % de l'interface --- */
  --graphite:    #1A1A18;  /* Texte principal */
  --gris-fonce:  #57564F;  /* Texte secondaire (contraste AA OK ~7:1) */
  --gris-texte:  #6E6D66;  /* Libellés, méta, texte informatif — AA OK (4,98:1 / blanc-cassé, 5,20:1 / blanc) */
  --gris-moyen:  #8B8A82;  /* DÉCORATIF SEULEMENT (séparateurs, chevrons, glyphes, bordures) — 3,3:1, jamais sur du texte < 18px à lire */
  --gris-clair:  #E8E6E1;  /* Bordures, filets */
  --blanc-casse: #FBFAF8;  /* Fond */
  --blanc:       #FFFFFF;

  /* --- Accents fonctionnels — 5 %, signal uniquement --- */
  --vert:  #1D7A53;  --vert-bg:  #E8F2EC;  /* Positif  : tendance favorable, action IA réussie */
  --ambre: #B26B00;  --ambre-bg: #F7EEDD;  /* Attention: à surveiller, seuil approché */
  --rouge: #A32D2D;  --rouge-bg: #F5E5E5;  /* Critique : seuil dépassé, urgence réelle */

  /* --- Système --- */
  --radius-md: 8px;   /* badges, petits blocs */
  --radius-lg: 12px;  /* cartes */
  --border: 0.5px solid var(--gris-clair);  /* profondeur par les filets, pas les ombres */

  /* Échelle d'espacement, base 4px : 4 / 8 / 12 / 16 / 24 / 32 / 48 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; --sp-12: 48px;

  --font-serif: 'Fraunces', Georgia, serif;            /* titres & chiffres clés */
  --font-sans:  'Inter', -apple-system, system-ui, sans-serif; /* corps, données, libellés */
}