:root {
  --bg-primary: #03050b;
  --bg-secondary: #07101e;
  --bg-deep: #010207;
  --surface: rgba(11, 20, 36, 0.72);
  --surface-strong: rgba(16, 28, 52, 0.88);
  --surface-hover: rgba(24, 45, 82, 0.92);
  --border: rgba(140, 190, 255, 0.18);
  --border-strong: rgba(109, 223, 255, 0.42);
  --text-primary: #f8fbff;
  --text-secondary: #b9c4d6;
  --text-muted: #7f8ca5;
  --accent-blue: #2492ff;
  --accent-cyan: #21e6ff;
  --accent-purple: #8d45ff;
  --accent-magenta: #ff2bd6;
  --accent-teal: #16e0c8;
  --accent-gold: #ffc95f;
  --gradient-primary: linear-gradient(110deg, var(--accent-blue), var(--accent-cyan) 42%, var(--accent-purple) 70%, var(--accent-magenta));
  --gradient-panel: linear-gradient(135deg, rgba(36, 146, 255, 0.16), rgba(141, 69, 255, 0.11) 54%, rgba(255, 43, 214, 0.12));
  --glow-blue: 0 0 38px rgba(33, 230, 255, 0.34);
  --glow-purple: 0 0 44px rgba(141, 69, 255, 0.36);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 18px;
  --container-width: 1180px;
  --header-height: 82px;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}