/* Theme-specific Styles */

/* Light Theme Text */
.theme-light .text-white,
.theme-light h1,
.theme-light p,
.theme-light a,
.theme-light .text-indigo-200 {
  color: #111 !important;
}

.theme-light .finisher-header a img {
  filter: none !important;
}

.theme-light .social-icon-link img {
  filter: none !important;
}

.theme-light .social-icon-link::after {
  background: #111;
}

.theme-light .nav-link {
  color: #111;
}

.theme-light .nav-overlay-link {
  color: #111 !important;
}

.theme-light #hamburger-toggle span {
  background: #111 !important;
}

/* Dark Theme */
.theme-dark .social-icon-link img {
  filter: brightness(0) invert(1) !important;
}

.theme-dark .social-icon-link::after {
  background: #fff;
}

.theme-dark #nav-overlay {
  background: rgba(17, 17, 17, 0.6) !important;
  backdrop-filter: blur(48px);
  -webkit-backdrop-filter: blur(48px);
}

.theme-light #nav-overlay {
  background: rgba(255, 255, 255, 0.2) !important;
  backdrop-filter: blur(48px);
  -webkit-backdrop-filter: blur(48px);
}

/* Item Backgrounds */
.theme-dark .skills-list .skill-item,
.theme-dark .projects-grid .project-item,
.theme-dark .certificates-grid .certificate-item,
.theme-dark .blog-grid .blog-item {
  background: #1C1C1C !important;
  transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-light .skills-list .skill-item,
.theme-light .projects-grid .project-item,
.theme-light .certificates-grid .certificate-item,
.theme-light .blog-grid .blog-item {
  background: #fafafa !important;
  color: #111 !important;
  transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modal Theme */
.theme-dark .theme-modal {
  background: #1a1a1a !important;
  color: #fff !important;
}

.theme-dark .theme-modal h3 {
  color: #fff !important;
}

.theme-dark .theme-modal p {
  color: #ccc !important;
}

.theme-dark .theme-modal button {
  color: #ccc !important;
}

.theme-dark .theme-modal button:hover {
  color: #fff !important;
}

/* Modal Icons */
.theme-dark #modalIcons span {
  color: #fff !important;
}

.theme-light #modalIcons span {
  color: #111 !important;
}

#modalIcons span svg {
  fill: currentColor;
}

.theme-light #modalIcons span img {
  filter: none !important;
}

.theme-dark #modalIcons span img {
  filter: invert(1) !important;
}

/* Contact Form Styling */
.contact-form input,
.contact-form textarea {
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  transition: all 0.3s ease;
}

.theme-light .contact-form input,
.theme-light .contact-form textarea {
  background: rgba(0, 0, 0, 0.05);
  border: 2px solid rgba(0, 0, 0, 0.1);
  color: #111;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none;
  border-color: #60a5fa;
  box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.1);
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.theme-light .contact-form input::placeholder,
.theme-light .contact-form textarea::placeholder {
  color: rgba(0, 0, 0, 0.6);
}