/**
 * InstaHub — Dark Mode Stylesheet
 */

[data-theme="dark"] {
  --ih-primary: #F5F5F5;
  --ih-secondary: #A3A3A3;
  --ih-bg: #121212;
  --ih-card-bg: #1E1E1E;
  --ih-border: #2E2E2E;
  --ih-border-subtle: #383838;
  --ih-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
  --ih-shadow: 0 8px 30px rgba(0, 0, 0, 0.6);
  --ih-shadow-lg: 0 14px 45px rgba(0, 0, 0, 0.8);
}

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

[data-theme="dark"] .site-header {
  background: rgba(18, 18, 18, 0.95);
  border-bottom-color: var(--ih-border);
}

[data-theme="dark"] .logo-text-insta {
  fill: #FFFFFF;
}

[data-theme="dark"] .header-search-box input {
  background-color: #262626;
  color: #F5F5F5;
}

[data-theme="dark"] .header-search-box input:focus {
  background-color: #1E1E1E;
  color: #FFFFFF;
}

[data-theme="dark"] .nav-link {
  color: #D1D5DB;
}

[data-theme="dark"] .hero-search-input-group {
  background: #1E1E1E;
  border-color: var(--ih-border);
}

[data-theme="dark"] .hero-search-input-group input {
  color: #FFFFFF;
}

[data-theme="dark"] .account-card-stats {
  background: #181818;
  border-color: var(--ih-border);
}

[data-theme="dark"] .account-niche-pill {
  background: rgba(255, 255, 255, 0.08);
  color: #E5E7EB;
}

[data-theme="dark"] .btn-view-account {
  background: #333333;
  color: #FFFFFF;
}

[data-theme="dark"] .btn-view-account:hover {
  background: var(--ih-insta-gradient);
}

[data-theme="dark"] .mobile-bottom-nav {
  background: rgba(18, 18, 18, 0.98);
  border-top-color: var(--ih-border);
}

[data-theme="dark"] .metric-box {
  background: #181818;
  border-color: var(--ih-border);
}

[data-theme="dark"] .sticky-mobile-buy-bar {
  background: #1E1E1E;
  border-top-color: var(--ih-border);
}

[data-theme="dark"] .payment-qr-card {
  background: #1E1E1E;
  border-color: var(--ih-border);
}

[data-theme="dark"] .qr-image-wrapper {
  background: #121212;
  border-color: #383838;
}

[data-theme="dark"] .upi-copy-box {
  background: #262626;
  border-color: var(--ih-border);
}

[data-theme="dark"] .trust-card {
  background: #1E1E1E;
  border-color: var(--ih-border);
}

[data-theme="dark"] .site-footer {
  background: #181818;
  border-top-color: var(--ih-border);
}

[data-theme="dark"] .footer-disclaimer-box {
  background: #121212;
  border-color: var(--ih-border);
  color: #9CA3AF;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: #262626;
  border-color: #383838;
  color: #F5F5F5;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: #1E1E1E;
  border-color: var(--ih-insta-pink);
  color: #FFFFFF;
}

[data-theme="dark"] .modal-content {
  background-color: #1E1E1E;
  border-color: var(--ih-border);
  color: #F5F5F5;
}

[data-theme="dark"] .dropdown-menu {
  background-color: #1E1E1E;
  border-color: var(--ih-border);
}

[data-theme="dark"] .dropdown-item {
  color: #F5F5F5;
}

[data-theme="dark"] .dropdown-item:hover {
  background-color: #262626;
  color: var(--ih-insta-pink);
}