:root {
  /* Surfaces */
  --ig-bg: #0a0c0f;
  --ig-bg-elevated: #111418;
  --ig-panel: #161a20;
  --ig-panel-hover: #1c2129;
  --ig-border: rgba(0, 255, 170, 0.12);
  --ig-border-strong: rgba(0, 255, 170, 0.28);
  --ig-grid: rgba(0, 200, 255, 0.04);

  /* Neon accents */
  --ig-green: #00ff9d;
  --ig-green-dim: #00c97a;
  --ig-cyan: #00d4ff;
  --ig-cyan-dim: #00a8cc;
  --ig-violet: #8b5cf6;
  --ig-violet-dim: #6d45c9;

  /* Status */
  --ig-online: #00ff9d;
  --ig-offline: #64748b;
  --ig-warning: #fbbf24;
  --ig-critical: #f87171;
  --ig-maintenance: #a78bfa;
  --ig-quarantine: #fb7185;

  /* Text */
  --ig-text: #e2e8f0;
  --ig-text-muted: #94a3b8;
  --ig-text-dim: #64748b;
  --ig-text-mono: #00ff9d;

  /* Typography */
  --ig-font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --ig-font-mono: 'JetBrains Mono', 'Consolas', monospace;

  /* Spacing & radius */
  --ig-radius: 6px;
  --ig-radius-lg: 10px;
  --ig-gap: 1rem;
  --ig-sidebar-w: 240px;
  --ig-header-h: 56px;

  /* Effects */
  --ig-glow-green: 0 0 12px rgba(0, 255, 157, 0.25);
  --ig-glow-cyan: 0 0 12px rgba(0, 212, 255, 0.2);
  --ig-shadow: 0 4px 24px rgba(0, 0, 0, 0.45);
  --ig-transition: 150ms ease;

  /* Semantic */
  --ig-danger: #f87171;
  --ig-success: #00ff9d;
  --ig-info: #00d4ff;
}