:root {
  --bg-primary: #001226;
  --bg-secondary: #001f3f;
  --bg-tertiary: rgba(0, 31, 63, 0.7);
  --text-primary: #ffffff;
  --text-secondary: #b8d4e8;
  --text-muted: #7a9bb8;
  --accent: #00f5ff;
  --accent-hover: #00d4ff;
  --btn-bg: transparent;
  --btn-border: #00f5ff;
  --btn-hover-bg: rgba(0, 245, 255, 0.15);
  --card-shadow: 0 4px 20px rgba(0, 245, 255, 0.15);
  --border-color: rgba(0, 245, 255, 0.2);
  --toggle-bg: #002855;
  --toggle-thumb: #00f5ff;
}

[data-theme="light"] {
  --bg-primary: #f0f8ff;
  --bg-secondary: #e6f2ff;
  --text-primary: #001226;
  --text-secondary: #003366;
  --text-muted: #4a6b8a;
  --accent: #0099cc;
  --accent-hover: #0077aa;
  --btn-bg: transparent;
  --btn-border: #0099cc;
  --btn-hover-bg: rgba(0, 153, 204, 0.15);
  --card-shadow: 0 4px 20px rgba(0, 51, 102, 0.15);
  --border-color: rgba(0, 51, 102, 0.2);
  --toggle-bg: #0099cc;
  --toggle-thumb: #ffffff;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--bg-primary);
  color: var(--text-primary);
  line-height: 1.7;
}