/* =====================
   Theme Variables
===================== */
:root {
  --bg-color: #0f1c2e;
  --bg-header: #142b47;
  --bg-card: #142b47;
  --bg-surface: #0d223a;
  --bg-surface-variant: #1c3456;
  --text-primary: #e0e6ed;
  --text-secondary: #cfd8dc;
  --primary-color: #4dd0ff;
  --primary-hover: #7fe0ff;
  --border-color: #2a446d;
  --shadow-color: rgba(0, 0, 0, 0.4);
  --shadow-hover: rgba(0,0,0,0.6);
  --status-critical: #e53935;
  --status-warning: #fbc02d;
  --status-normal: #43a047;
}

:root.light-mode {
  --bg-color: #f0f2f5;
  --bg-header: #ffffff;
  --bg-card: #ffffff;
  --bg-surface: #e4e6eb;
  --bg-surface-variant: #f0f2f5;
  --text-primary: #1c1e21;
  --text-secondary: #65676b;
  --primary-color: #006097;
  --primary-hover: #004a75;
  --border-color: #dddfe2;
  --shadow-color: rgba(0, 0, 0, 0.1);
  --shadow-hover: rgba(0, 0, 0, 0.15);
}