:root {
  --bg-base: #0a0e1a;
  --bg-surface: #131826;
  --bg-elevated: #1c2336;
  --bg-hover: #232b42;

  --border-subtle: #2a3349;
  --border-strong: #3a4566;

  --text-primary: #e8ecf5;
  --text-secondary: #9ba8c4;
  --text-muted: #6b7794;

  --accent: #4f8cff;
  --accent-glow: rgba(79, 140, 255, 0.4);
  --accent-soft: rgba(79, 140, 255, 0.1);

  --status-online: #34d399;
  --status-online-glow: rgba(52, 211, 153, 0.4);
  --status-offline: #f87171;
  --status-warn: #fbbf24;
  --status-info: #60a5fa;

  --type-vm: #4f8cff;
  --type-pm2: #34d399;
  --type-caddy: #a78bfa;
  --type-iis: #fbbf24;
  --type-mysql: #f97316;
  --type-freeswitch: #ec4899;
  --type-service: #94a3b8;

  --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'Cascadia Code', Consolas, monospace;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-8: 48px;

  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px;
  --shadow-glow: 0 0 24px var(--accent-glow);
  --shadow-elevated: 0 8px 32px rgba(0, 0, 0, 0.4);
}