/* Dark theme variables and theme-specific tweaks */
[data-theme="dark"] {
  --text-color: #e6e6e6;
  --text-light: #b3b3b3;
  --bg-color: #0f1222;
  --bg-dark: #0b0d19;
  --card-bg: rgba(20, 22, 40, 0.9);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
  --gradient: linear-gradient(135deg, #5b6dd6, #653e93);
}

[data-theme="dark"] .navbar {
  background: rgba(20, 22, 40, 0.7);
}

[data-theme="dark"] .navbar.scrolled {
  background: rgba(20, 22, 40, 0.85);
  box-shadow: var(--shadow);
}

[data-theme="dark"] .about {
  background: #0f1222;
}

[data-theme="dark"] .footer {
  background: #05060f;
}

/* Theme toggle button */
.theme-toggle {
  margin-left: 1rem;
  padding: 0.5rem 0.75rem;
  border-radius: 999px;
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: transparent;
  cursor: pointer;
  font-size: 1rem;
  transition: all 0.2s ease;
}

[data-theme="dark"] .theme-toggle {
  border-color: rgba(255, 255, 255, 0.25);
  color: #fff;
}

.theme-toggle:hover {
  transform: translateY(-1px);
}