/* styles/base/tokens.css — extrait de styles.css L7-L44. Tokens :root dark. */
/* ----------------------------- Tokens ------------------------------ */
:root{
  --bg:          #0a0a0a;
  --bg-deep:     #050505;
  --panel:       #141414;
  --panel-2:     #1a1a1a;
  --border:      #2a2a2a;
  --border-strong:#3b3b3b;
  --fg:          #ededed;
  --fg-dim:      #a8a8a8;
  --muted:       #6b6b6b;
  --accent:      #00ffc8;
  --accent-dim:  #00b88f;
  --ok:          #22c55e;
  --ko:          #ef4444;
  --mono:        "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --sans:        "Inter", -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;
  --display:     "Inter", -apple-system, BlinkMacSystemFont, Helvetica, sans-serif;

  /* ----- Rayons unifiés (Mintlify) ---------- */
  --r-pill:  9999px;  /* boutons, inputs, pills, badges */
  --r-card:  16px;    /* cartes standard */
  --r-feat:  24px;    /* cartes featured / hero */
  --r-small: 8px;     /* icon buttons, tooltips */

  /* ----- Ombres unifiées -------------------- */
  --sh-btn:  0 1px 2px rgba(0,0,0,.3);
  --sh-card: 0 2px 6px rgba(0,0,0,.25);
  --sh-glow: 0 0 24px -6px color-mix(in srgb, var(--accent) 45%, transparent);
  --stroke:      1.5px;
  --connector:   20px;
  --dot-opacity: .6;
  --dot-color:   rgba(255,255,255,.085);
  --bg-gradient: linear-gradient(#0a0a0a, #050505);
  --glow-1:      rgba(0,255,200,.035);
  --glow-2:      rgba(255,255,255,.02);
}