/* =====================================================================
   BAR OPS — DESIGN TOKENS
   ---------------------------------------------------------------------
   Source unique de vérité du langage visuel BAR OPS.
   Reprend l'ADN déjà présent dans l'app, la console et l'index :
   noir profond + or + gris. Aucune couleur ne doit être écrite en dur
   dans une page ; tout passe par ces variables.

   Note de migration : les anciens fichiers utilisaient --emerald /
   --em pour désigner l'or (résidu du rebrand du 12/08). Les alias de
   compatibilité sont déclarés en bas de ce fichier — ne pas les
   utiliser dans du code neuf.
   ===================================================================== */

:root{
  /* ---- Surfaces ---- */
  --bg:#08090B;
  --bg-2:#0B0D11;
  --panel:#101317;
  --panel-2:#0D1014;
  --panel-3:#15181E;

  /* ---- Or (accent de marque) ---- */
  --gold:#F3B01C;
  --gold-light:#FFD166;
  --gold-dark:#9A6F0E;
  --gold-deep:#C8901A;
  --gold-ink:#1A1204;          /* texte sur fond or */
  --glow:rgba(243,176,28,.16);

  /* ---- Texte ---- */
  --text:#F5F5F3;
  --text-2:#C6C8CE;
  --text-muted:#8B8F98;
  --text-faint:#5A5F69;

  /* ---- Bordures ---- */
  --border:rgba(255,255,255,.07);
  --border-strong:rgba(255,255,255,.13);

  /* ---- Statuts ---- */
  --success:#65C466;
  --warning:#F3B01C;
  --danger:#E05252;
  --info:#5B9DF0;
  --neutral:#8B8F98;

  /* ---- Séries graphiques (data viz) ---- */
  --chart-1:#F3B01C;
  --chart-2:#5B9DF0;
  --chart-3:#65C466;
  --chart-4:#A78BFA;
  --chart-5:#E05252;
  --chart-grid:rgba(255,255,255,.06);

  /* ---- Typographie ---- */
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif;
  --mono:"SF Mono",ui-monospace,"Roboto Mono",Menlo,Consolas,monospace;

  --fs-display:34px;
  --fs-title:26px;
  --fs-section:19px;
  --fs-card:15px;
  --fs-body:13.5px;
  --fs-small:12px;
  --fs-micro:10.5px;
  --fs-kpi:30px;

  --fw-regular:500;
  --fw-medium:600;
  --fw-bold:700;
  --fw-black:800;

  --lh-tight:1.2;
  --lh-normal:1.5;
  --ls-tight:-.02em;
  --ls-caps:.08em;

  /* ---- Espacements ---- */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s7:32px; --s8:40px; --s9:48px; --s10:64px;

  /* ---- Rayons ---- */
  --r-sm:8px;
  --r-md:12px;
  --r-lg:16px;
  --r-xl:20px;
  --r-pill:999px;

  /* ---- Élévation (usage minimal : on privilégie bordure + contraste) ---- */
  --shadow-soft:0 6px 24px -12px rgba(0,0,0,.6);
  --shadow-gold:0 0 0 1px rgba(243,176,28,.18),0 6px 18px -6px rgba(243,176,28,.35);

  /* ---- Matière (profondeur « instrument technique ») ----
     Un liseré clair d'1px en haut des surfaces simule une arête éclairée :
     c'est ce qui donne l'épaisseur, sans recourir aux ombres portées. */
  --edge:inset 0 1px 0 rgba(255,255,255,.055);
  --edge-strong:inset 0 1px 0 rgba(255,255,255,.09);
  --lift:0 1px 2px rgba(0,0,0,.4),0 8px 28px -16px rgba(0,0,0,.75);
  --lift-hover:0 2px 4px rgba(0,0,0,.45),0 18px 44px -20px rgba(0,0,0,.85);

  /* Dégradés de surface — deux plans distincts, jamais décoratifs */
  --surface:linear-gradient(168deg,rgba(23,26,33,.78),rgba(13,15,19,.72));
  --surface-raised:linear-gradient(168deg,rgba(28,32,40,.86),rgba(16,19,24,.8));
  --surface-gold:linear-gradient(168deg,rgba(243,176,28,.09),rgba(243,176,28,.02) 42%,rgba(13,15,19,.7));

  /* Trame technique de fond (très faible — lisible seulement de près) */
  --grid-size:64px;
  --grid-line:rgba(255,255,255,.016);

  /* ---- Layout ---- */
  --sidebar-w:236px;
  --sidebar-w-collapsed:72px;
  --header-h:64px;
  --bottomnav-h:62px;
  --tap:44px;                  /* zone tactile minimale */

  /* ---- Mouvement ---- */
  --t-fast:120ms;
  --t-base:160ms;
  --t-slow:200ms;
  --ease:cubic-bezier(.4,0,.2,1);

  /* ---- Alias de compatibilité (ne pas utiliser en code neuf) ---- */
  --ink:var(--text);
  --ink2:var(--text-2);
  --muted:var(--text-muted);
  --faint:var(--text-faint);
  --line:var(--border);
  --line2:var(--border-strong);
  --gold2:var(--gold-light);
}

@media (prefers-reduced-motion:reduce){
  :root{ --t-fast:0ms; --t-base:0ms; --t-slow:0ms; }
}