/* Dark mode styles */
[data-theme="dark"] {
  --navy: #1a1a1a;
  --light-gray: #333333;
  --deep-green: #4CAF50;
  --white: #ffffff;
  --text-color: #ffffff;
  --text-color-secondary: #e0e0e0;
  --bg-color: #1a1a1a;
  --card-bg: #2d2d2d;
  --nav-bg: #242424;
  --nav-hover: rgba(76, 175, 80, 0.15);
}

[data-theme="dark"] body {
  background-color: var(--bg-color);
  color: var(--text-color);
}

/* Skills Section Dark Mode */
[data-theme="dark"] .skill-box {
  background: var(--card-bg);
}

[data-theme="dark"] .skill-box h3 {
  color: var(--text-color);
}

[data-theme="dark"] .skill-tag {
  background: var(--light-gray);
  color: var(--text-color);
}

[data-theme="dark"] .skill-box:hover .skill-tag {
  background: var(--deep-green);
  color: var(--white);
}

/* Photography Section Dark Mode */
[data-theme="dark"] .portfolio {
  background: var(--bg-color);
}

[data-theme="dark"] .portfolio .section-title h2,
[data-theme="dark"] .portfolio .section-title p {
  color: var(--text-color);
}

[data-theme="dark"] .portfolio-wrap {
  background: var(--card-bg);
}

[data-theme="dark"] .portfolio-links {
  background: rgba(76, 175, 80, 0.9);
}

/* Project Cards Dark Mode */
[data-theme="dark"] .project-card {
  background: var(--card-bg);
}

[data-theme="dark"] .project-info h4 {
  color: var(--text-color);
}

[data-theme="dark"] .project-info p {
  color: var(--text-color-secondary);
}

[data-theme="dark"] .tech-tag {
  background: var(--light-gray);
  color: var(--text-color);
}

[data-theme="dark"] .project-links .btn {
  color: var(--text-color);
  border-color: var(--deep-green);
}

/* Section Titles Dark Mode */
[data-theme="dark"] .section-title h2,
[data-theme="dark"] .section-title p {
  color: var(--text-color);
}

/* Contact Form Dark Mode */
[data-theme="dark"] .contact .info {
  background: var(--card-bg);
}

[data-theme="dark"] .contact .info h4,
[data-theme="dark"] .contact .info p {
  color: var(--text-color);
}

[data-theme="dark"] .contact .php-email-form {
  background: var(--card-bg);
}

[data-theme="dark"] .contact .php-email-form input,
[data-theme="dark"] .contact .php-email-form textarea {
  background: var(--light-gray);
  border-color: var(--light-gray);
  color: var(--text-color);
}

/* About Section Dark Mode */
[data-theme="dark"] .about .content h3,
[data-theme="dark"] .about .content p,
[data-theme="dark"] .about .content ul li {
  color: var(--text-color);
}

/* Education Section Dark Mode */
[data-theme="dark"] .education-card {
  background: var(--card-bg);
}

[data-theme="dark"] .education-content h3 {
  color: var(--text-color);
}

[data-theme="dark"] .education-content h4 {
  color: var(--deep-green);
}

[data-theme="dark"] .education-content .year {
  color: var(--text-color-secondary);
}

[data-theme="dark"] .education-content .course {
  color: var(--text-color);
}

[data-theme="dark"] .memory-circle {
  border-color: var(--deep-green);
  background: var(--card-bg);
}

/* Navigation Dark Mode */
[data-theme="dark"] #header {
  background: var(--nav-bg);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .profile img {
  border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .profile h1 a {
  color: var(--text-color);
}

[data-theme="dark"] .profile .social-links a {
  color: var(--text-color);
  background: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .profile .social-links a:hover {
  background: var(--deep-green);
  color: var(--white);
}

[data-theme="dark"] .nav-menu .nav-link {
  color: var(--text-color-secondary);
  background: rgba(255, 255, 255, 0.03);
}

[data-theme="dark"] .nav-menu .nav-link i {
  color: var(--deep-green);
}

[data-theme="dark"] .nav-menu .nav-link:hover,
[data-theme="dark"] .nav-menu .nav-link.active {
  background: var(--nav-hover);
  color: var(--deep-green);
}

[data-theme="dark"] .nav-menu .nav-link:hover i,
[data-theme="dark"] .nav-menu .nav-link.active i {
  color: var(--deep-green);
}

[data-theme="dark"] .mobile-nav-toggle {
  background: var(--deep-green);
  color: var(--white);
}

[data-theme="dark"] .mobile-nav-toggle:hover {
  background: var(--nav-hover);
  color: var(--deep-green);
}

/* Video Modal Dark Mode */
[data-theme="dark"] .modal-body {
  background: var(--card-bg);
}

[data-theme="dark"] .btn-close {
  background-color: var(--deep-green);
  opacity: 0.9;
}

[data-theme="dark"] .btn-close:hover {
  background-color: var(--white);
  opacity: 1;
}

[data-theme="dark"] video {
  background: var(--card-bg);
}

/* Dark mode mobile navigation */
@media (max-width: 576px) {
  [data-theme="dark"] #header {
    background: var(--nav-bg);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  [data-theme="dark"] .mobile-nav-toggle {
    background: var(--deep-green);
    color: var(--white);
  }

  [data-theme="dark"] .mobile-nav-toggle:hover {
    background: var(--nav-hover);
  }

  [data-theme="dark"] .mobile-nav-active #header {
    background: var(--nav-bg);
  }
}

/* Dark mode tablet navigation */
@media (max-width: 991px) {
  [data-theme="dark"] .nav-menu .nav-link {
    background: rgba(255, 255, 255, 0.05);
  }

  [data-theme="dark"] .nav-menu .nav-link:hover,
  [data-theme="dark"] .nav-menu .nav-link.active {
    background: var(--nav-hover);
  }
}