/* Dark Mode Variables */
body.dark-mode {
  --text-color: #e5e7eb;
  --light-bg: #020617;
  --dark-bg: #e5e7eb;

  --primary-color: #60a5fa;
  --secondary-color: #3b82f6;
  --accent-color: #93c5fd;

  --success-color: #22c55e;
  --error-color: #f87171;
}
body.dark-mode {
  background-color: var(--light-bg);
  color: var(--text-color);
}
body.dark-mode header {
  background-color: #020617;
  box-shadow: 0 2px 10px rgba(0,0,0,0.6);
}

body.dark-mode section {
  background-color: transparent;
}

body.dark-mode .hero {
  background: linear-gradient(135deg, #020617 0%, #020617 100%);
}

body.dark-mode .project-card,
body.dark-mode .skill-category,
body.dark-mode .certificate-item,
body.dark-mode .badge-item,
body.dark-mode .interest-item,
body.dark-mode .contact-form,
body.dark-mode .post {
  background-color: #020617;
  box-shadow: 0 10px 25px rgba(0,0,0,0.7);
}
body.dark-mode .nav-links a {
  color: #e5e7eb;
}

body.dark-mode .nav-links a:hover {
  color: var(--accent-color);
}

body.dark-mode .menu-btn {
  color: #e5e7eb;
}
body.dark-mode .skill-item,
body.dark-mode .project-tag {
  background-color: #1e293b;
  color: #e5e7eb;
}

body.dark-mode .skill-item:hover,
body.dark-mode .project-tag:hover {
  background-color: #334155;
}
body.dark-mode input,
body.dark-mode textarea {
  background-color: #020617;
  color: #e5e7eb;
  border: 1px solid #334155;
}

body.dark-mode input:focus,
body.dark-mode textarea:focus {
  border-color: var(--primary-color);
}
body.dark-mode footer {
  background-color: #020617;
}

body.dark-mode .footer-links a {
  color: #9ca3af;
}

body.dark-mode .footer-links a:hover {
  color: #ffffff;
}