/* ─────────────────────────────────────────────────────────────────────────────
   Fleet design tokens — inspired by insta-x command center
   ───────────────────────────────────────────────────────────────────────────── */
:root {
  /* Surfaces */
  --bg:           #05060a;
  --bg-elev:      #0a0c12;
  --card:         rgba(255, 255, 255, .03);
  --card-hover:   rgba(255, 255, 255, .05);
  --card-active:  rgba(255, 255, 255, .07);
  --border:       rgba(255, 255, 255, .06);
  --border-lt:    rgba(255, 255, 255, .04);
  --border-hi:    rgba(255, 255, 255, .12);

  /* Texte */
  --text:         rgba(255, 255, 255, .92);
  --text-dim:     rgba(255, 255, 255, .55);
  --text-muted:   rgba(255, 255, 255, .35);
  --text-faint:   rgba(255, 255, 255, .22);

  /* Brand */
  --primary:      #3b5bdb;
  --primary-dk:   #2b4bc8;
  --primary-lt:   rgba(59, 91, 219, .12);
  --accent-vio:   #a855f7;
  --accent-pnk:   #ec4899;
  --accent-cyan:  #22d3ee;

  /* États */
  --success:      #34d399;
  --success-lt:   rgba(52, 211, 153, .10);
  --warning:      #fbbf24;
  --warning-lt:   rgba(251, 191, 36, .10);
  --danger:       #f43f5e;
  --danger-lt:    rgba(244, 63, 94, .10);
  --info:         #60a5fa;
  --info-lt:      rgba(96, 165, 250, .10);

  /* Warmup */
  --warmup-cold:    #6b7280;
  --warmup-warming: #f59e0b;
  --warmup-warm:    #10b981;

  /* Sidebar */
  --sidebar-w:    240px;
  --sidebar-bg:   #05060a;
  --topbar-h:     56px;

  /* Geom */
  --radius:       12px;
  --radius-sm:    8px;
  --radius-xs:    6px;
  --radius-lg:    16px;

  /* Shadows + glow signature */
  --shadow:       0 1px 4px rgba(0, 0, 0, .6),
                  0 0 0 1px rgba(255, 255, 255, .03);
  --shadow-md:    0 4px 16px rgba(0, 0, 0, .7),
                  0 0 0 1px rgba(255, 255, 255, .04);
  --shadow-lg:    0 8px 32px rgba(0, 0, 0, .8),
                  0 0 0 1px rgba(255, 255, 255, .05),
                  0 0 40px rgba(168, 85, 247, .12);
  --glow-prim:    0 0 0 1px rgba(255, 255, 255, .06),
                  0 0 24px rgba(59, 91, 219, .25);
  --glow-ok:      0 0 0 1px rgba(255, 255, 255, .04),
                  0 0 16px rgba(52, 211, 153, .20);
  --glow-warn:    0 0 0 1px rgba(255, 255, 255, .04),
                  0 0 16px rgba(251, 191, 36, .20);
  --glow-bad:     0 0 0 1px rgba(255, 255, 255, .04),
                  0 0 16px rgba(244, 63, 94, .20);

  /* Typo */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Motion */
  --transition:   all .2s cubic-bezier(.4, 0, .2, 1);
  --transition-slow: all .35s cubic-bezier(.4, 0, .2, 1);

  /* Z-index scale */
  --z-sidebar:    40;
  --z-topbar:     45;
  --z-modal:      90;
  --z-toast:      100;
}