:root {
  --primary-color: #00d4ff;
  --secondary-color: #ff6b35;
  --accent-color: #ff00ff;
  --bg-primary: #0a0e1a;
  --bg-secondary: #151923;
  --bg-tertiary: #1e2433;
  --text-primary: #ffffff;
  --text-secondary: #b8c5d6;
  --text-muted: #6b7c93;
  --border-color: #2a3241;
  --success-color: #00ff88;
  --warning-color: #ffaa00;
  --error-color: #ff3366;
  --card-bg: rgba(30, 36, 51, 0.8);
  --hover-bg: rgba(0, 212, 255, 0.1);
  --gradient-primary: linear-gradient(135deg, #00d4ff, #0099cc);
  --gradient-secondary: linear-gradient(135deg, #ff6b35, #ff4500);
}

body {
  font-family: "Space Mono", monospace;
  background: var(--bg-primary);
  color: var(--text-primary);
  overflow: hidden;
  background-image:
    radial-gradient(
      circle at 20% 50%,
      rgba(0, 212, 255, 0.1) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 80% 80%,
      rgba(255, 107, 53, 0.1) 0%,
      transparent 50%
    ),
    radial-gradient(
      circle at 40% 20%,
      rgba(255, 0, 255, 0.05) 0%,
      transparent 50%
    );
}
