:root {
  /* ── Backgrounds (Mode clair d'origine) ── */
  --bg:        #f0f4f8; 
  --bg-elev:   #ffffff;
  --surface:   #ffffff;
  --surface-2: #f5f7ff; 
  --surface-3: #eef2ff; 

  /* ── Borders ── */
  --border:   #e2e8f0;
  --border-2: #cbd5e1;

  /* ── Text ── */
  --text:    #0f172a; 
  --muted:   #475569;
  --muted-2: #64748b;

  /* ── Accent ── */
  --accent:       #4f46e5; 
  --accent-light: #e0e7ff;
  --accent-mid:   #c7d2fe;
  --accent-dark:  #4338ca;

  /* ── Status Colors ── */
  --red:        #ef4444; 
  --red-bg:     #fef2f2; 
  --red-border: #fecaca;

  --orange:        #f97316; 
  --orange-bg:     #fff7ed; 
  --orange-border: #fed7aa;

  --green:        #10b981; 
  --green-bg:     #ecfdf5; 
  --green-border: #a7f3d0;

  --gray:        #475569; 
  --gray-bg:     #f1f5f9; 
  --gray-border: #e2e8f0;

  /* ── Misc ── */
  --shadow:    0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  --mono:      'Space Mono', monospace;
  --sans:      'Inter', sans-serif;
  --nav-h:     54px; 
  --bar-h:     54px; 
  --section-gap: 24px; 
  --radius:    10px;
}

/* ── THÈME SOMBRE (Bleu nuit profond, garde tes accents) ── */
[data-theme="dark"] {
  --bg:        #10141d;
  --bg-elev:   #181d27;
  --surface:   #181d27;
  --surface-2: #212836;
  --surface-3: #2a3441;
  --border:   #2a3441;
  --border-2: #3a4556;
  
  --text:    #e3e6ea;
  --muted:   #a1a8b6;
  --muted-2: #7a8190;
  
  --accent:        #c8ff00; 
  --accent-light: rgba(200, 255, 0, 0.05);
  --accent-mid:   rgba(200, 255, 0, 0.2);
  --accent-dark:  #a3cc00;
  
  --red: #ff4a4a; --red-bg: rgba(255,74,74,0.1); --red-border: rgba(255,74,74,0.2);
  --orange: #ff9d00; --orange-bg: rgba(255,157,0,0.1); --orange-border: rgba(255,157,0,0.2);
  --green: #00ff88; --green-bg: rgba(0,255,136,0.1); --green-border: rgba(0,255,136,0.2);
  --gray: #a1a8b6; --gray-bg: rgba(161,168,182,0.1); --gray-border: #2a2f36;
  
  --shadow: 0 4px 12px rgba(0,0,0,0.5);
}