:root {
  --bg-dark-1: #0A0A0F;
  --bg-dark-2: #12121A;
  --bg-card:   #1A1A22;

  --neon-blue:   #3A7BFF;
  --neon-green:  #00FF7F;
  --neon-red:    #FF0033;
  --neon-yellow: #FFD447;
  --neon-purple: #B44CFF;

  --text-primary:   #F5F5F7;
  --text-secondary: #A8A8B3;

  --radius-md: 10px;
  --shadow-neon: 0 0 16px rgba(58, 123, 255, 0.6);
  --transition-fast: 0.15s ease-out;
}

body.theme-dark {
  background: radial-gradient(circle at top, #151528 0, #050509 60%);
  color: var(--text-primary);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: var(--neon-blue); text-decoration: none; }
a:hover { text-shadow: var(--shadow-neon); }

.btn-primary {
  background: var(--neon-blue);
  color: #fff;
  border: none;
  border-radius: var(--radius-md);
  padding: 0.7rem 1.4rem;
  cursor: pointer;
  box-shadow: var(--shadow-neon);
  transition: var(--transition-fast);
}
.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 22px rgba(58, 123, 255, 0.9);
}