/* Design tokens — monitoring + login */
:root {
  --bg-primary: #0a1628;
  --bg-secondary: #111d35;
  --bg-card: #162240;
  --bg-input: #0d1a30;
  --border-color: rgba(255, 255, 255, 0.06);
  --border-accent: rgba(59, 130, 246, 0.3);
  --text-primary: #e8ecf4;
  --text-secondary: #8b97b0;
  --text-muted: #5a6785;
  --accent-blue: #3b82f6;
  --accent-blue-glow: rgba(59, 130, 246, 0.25);
  --accent-green: #22c55e;
  --accent-green-glow: rgba(34, 197, 94, 0.25);
  --accent-yellow: #eab308;
  --accent-red: #ef4444;
  --accent-purple: #a855f7;
  --gradient-blue: linear-gradient(135deg, #3b82f6, #2563eb);
  --gradient-green: linear-gradient(135deg, #22c55e, #16a34a);
  --gradient-solar: linear-gradient(135deg, #f59e0b, #d97706);
  --gradient-red: linear-gradient(135deg, #ef4444, #dc2626);
  --gradient-header: linear-gradient(135deg, #3b82f6, #8b5cf6);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-glow-blue: 0 0 20px rgba(59, 130, 246, 0.3);
  --shadow-glow-green: 0 0 20px rgba(34, 197, 94, 0.3);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-login-card: 24px;
  --sidebar-width: 260px;
}