/* =========================================
   Informatics Developers - Dark Mode CSS
   ========================================= */

[data-theme="dark"] {
  --text: #9ca3b8;
  --text-dark: #e2e8f0;
  --white: #0d0d20;
  --light-bg: #12122b;
  --light-card: #1a1a38;
  --border: rgba(108, 60, 225, 0.2);
  --shadow: 0 10px 40px rgba(0,0,0,0.4);
  --shadow-hover: 0 20px 60px rgba(0,0,0,0.5);
}

[data-theme="dark"] body {
  background: #0d0d20;
  color: #9ca3b8;
}

[data-theme="dark"] .main-nav.scrolled {
  background: rgba(13, 13, 32, 0.96);
  box-shadow: 0 4px 30px rgba(0,0,0,0.3);
}
[data-theme="dark"] .main-nav.scrolled .nav-link { color: #e2e8f0 !important; }
[data-theme="dark"] .main-nav.scrolled .nav-link:hover { color: var(--secondary) !important; }
[data-theme="dark"] .main-nav.scrolled .hamburger span { background: #e2e8f0; }

[data-theme="dark"] .dropdown-menu-custom {
  background: #1a1a38;
  border-color: rgba(108,60,225,0.3);
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
[data-theme="dark"] .dropdown-item-custom { color: #e2e8f0; }
[data-theme="dark"] .dropdown-item-custom:hover { background: rgba(108,60,225,0.15); }
[data-theme="dark"] .dropdown-item-custom .desc { color: #9ca3b8; }

[data-theme="dark"] .mobile-nav { background: #12122b; }

[data-theme="dark"] h1,[data-theme="dark"] h2,[data-theme="dark"] h3,
[data-theme="dark"] h4,[data-theme="dark"] h5,[data-theme="dark"] h6 { color: #e2e8f0; }

[data-theme="dark"] .clients-strip { background: #12122b; }

[data-theme="dark"] .about-badge-float { background: #1a1a38; box-shadow: 0 10px 40px rgba(0,0,0,0.4); }
[data-theme="dark"] .about-badge-float .num { color: #e2e8f0; }

[data-theme="dark"] .about-feature-item { background: rgba(108,60,225,0.08); }
[data-theme="dark"] .about-feature-item:hover { background: rgba(108,60,225,0.15); }
[data-theme="dark"] .about-feature-item h5 { color: #e2e8f0; }

[data-theme="dark"] .service-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .service-card h4 { color: #e2e8f0; }

[data-theme="dark"] .testimonial-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }

[data-theme="dark"] .blog-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .blog-body h4 { color: #e2e8f0; }

[data-theme="dark"] .pricing-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .pricing-card h4 { color: #e2e8f0; }
[data-theme="dark"] .pricing-price .amount { color: #e2e8f0; }
[data-theme="dark"] .feature-list li { border-bottom-color: rgba(108,60,225,0.15); }

[data-theme="dark"] .package-tabs { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .pkg-tab-btn { color: #9ca3b8; }

[data-theme="dark"] .filter-btn { border-color: rgba(108,60,225,0.25); color: #9ca3b8; }

[data-theme="dark"] .form-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .form-card h3 { color: #e2e8f0; }
[data-theme="dark"] .form-label { color: #e2e8f0; }
[data-theme="dark"] .form-control-custom {
  background: #12122b; border-color: rgba(108,60,225,0.2);
  color: #e2e8f0;
}
[data-theme="dark"] .form-control-custom:focus { background: #1a1a38; }
[data-theme="dark"] .captcha-row { background: #12122b; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .captcha-input { background: #1a1a38; border-color: rgba(108,60,225,0.3); color: #e2e8f0; }

[data-theme="dark"] .faq-item { border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .faq-question { color: #e2e8f0; }

[data-theme="dark"] .team-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .team-info h4 { color: #e2e8f0; }

[data-theme="dark"] .highlight-box {
  background: rgba(108,60,225,0.12);
  border-color: rgba(108,60,225,0.25);
}
[data-theme="dark"] .highlight-box h5 { color: #e2e8f0; }

[data-theme="dark"] .process-step h5 { color: #e2e8f0; }

[data-theme="dark"] .template-card { background: #1a1a38; border-color: rgba(108,60,225,0.2); }
[data-theme="dark"] .template-info h5 { color: #e2e8f0; }
[data-theme="dark"] .template-info .tag { background: rgba(108,60,225,0.15); color: #9ca3b8; }

[data-theme="dark"] .bg-light-section { background: #12122b; }

[data-theme="dark"] footer { background: #090915; border-color: rgba(255,255,255,0.04); }
[data-theme="dark"] .footer-bottom { border-color: rgba(255,255,255,0.04); }

[data-theme="dark"] .dark-toggle { background: var(--primary); }
[data-theme="dark"] .main-nav.scrolled .dark-toggle { background: var(--primary); }

/* Dark mode toggle ball icon changes */
[data-theme="dark"] .toggle-icon-sun { display: none; }
[data-theme="dark"] .toggle-icon-moon { display: inline; }
[data-theme="light"] .toggle-icon-sun { display: inline; }
[data-theme="light"] .toggle-icon-moon { display: none; }

/* Smooth transition for theme switch */
body, .main-nav, .service-card, .pricing-card, .testimonial-card,
.blog-card, .form-card, .team-card, .faq-item, .filter-btn,
.about-feature-item, .dropdown-menu-custom {
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}