/* Light Theme */
:root.light-theme {
  --primary: #80c0e8;
  --primary-light: #c0e0ff;
  --primary-dark: #5890c8;
  --primary-glow: rgba(128, 192, 232, 0.15);
  --bg: #f0f4f8;
  --bg-elevated: #ffffff;
  --bg-card: #ffffff;
  --bg-hover: #e8eef5;
  --bg-input: #e0e8f0;
  --border: #c8d4e0;
  --border-light: #b0c0d0;
  --text: #0a1628;
  --text-secondary: #4a5a70;
  --text-muted: #8899aa;
  --success: #80c0e8;
  --warning: #e0a040;
  --error: #e05050;
  --info: #4080d0;
  --gradient-start: #80c0e8;
  --gradient-end: #5890c8;
  --neon-glow: 0 0 10px rgba(128, 192, 232, 0.3), 0 0 20px rgba(128, 192, 232, 0.15);
  --neon-glow-strong: 0 0 20px rgba(128, 192, 232, 0.4), 0 0 40px rgba(128, 192, 232, 0.2);
}

html.light-theme, html.light-theme body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

html.light-theme body::before {
  opacity: 0.5;
}