[data-theme="dark"] {
  color-scheme: dark;
}

[data-theme="dark"] body {
  background-color: #0f172a;
  color: #e2e8f0;
}

[data-theme="dark"] .site-header {
  background-color: rgba(15, 23, 42, 0.92) !important;
  border-bottom: 1px solid #334155;
}

[data-theme="dark"] .hero-bg {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%);
}

[data-theme="dark"] .moroccan-pattern {
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2338bdf8' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

[data-theme="dark"] .bg-white,
[data-theme="dark"] .mobile-menu {
  background-color: #1e293b !important;
}

[data-theme="dark"] .bg-gray-50,
[data-theme="dark"] .bg-gray-100 {
  background-color: #0f172a !important;
}

[data-theme="dark"] .bg-blue-50 {
  background-color: #172554 !important;
}

[data-theme="dark"] .bg-orange-50,
[data-theme="dark"] .bg-green-50,
[data-theme="dark"] .bg-purple-50,
[data-theme="dark"] .bg-red-50,
[data-theme="dark"] .bg-yellow-50,
[data-theme="dark"] .bg-pink-50,
[data-theme="dark"] .bg-indigo-50 {
  background-color: rgba(30, 41, 59, 0.9) !important;
}

[data-theme="dark"] .text-gray-500 {
  color: #94a3b8 !important;
}

[data-theme="dark"] .text-gray-600 {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .text-gray-700,
[data-theme="dark"] .text-gray-800 {
  color: #e2e8f0 !important;
}

[data-theme="dark"] .text-blue-700 {
  color: #93c5fd !important;
}

[data-theme="dark"] .text-blue-800,
[data-theme="dark"] .text-blue-700.font-medium {
  color: #bfdbfe !important;
}

[data-theme="dark"] .border-gray-100,
[data-theme="dark"] .border-gray-200,
[data-theme="dark"] .border-gray-300 {
  border-color: #475569 !important;
}

[data-theme="dark"] .border-blue-100 {
  border-color: #1d4ed8 !important;
}

[data-theme="dark"] .shadow-sm,
[data-theme="dark"] .shadow-md,
[data-theme="dark"] .shadow-lg,
[data-theme="dark"] .shadow-xl,
[data-theme="dark"] .shadow-2xl {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .form-input {
  background-color: #334155;
  border-color: #475569;
  color: #f8fafc;
}

[data-theme="dark"] .form-input::placeholder {
  color: #94a3b8;
}

[data-theme="dark"] .menu-icon,
[data-theme="dark"] .menu-icon::before,
[data-theme="dark"] .menu-icon::after {
  background-color: #e2e8f0;
}

[data-theme="dark"] .menu-button.active .menu-icon {
  background-color: transparent;
}

[data-theme="dark"] .pricing-toggle-label {
  background-color: #334155;
}

[data-theme="dark"] .toggle-yearly,
[data-theme="dark"] .pricing-toggle-label.active-yearly .toggle-monthly {
  color: #cbd5e1 !important;
}

[data-theme="dark"] .feature-toggle-row,
[data-theme="dark"] .clients-map-panel {
  background-color: #1e293b !important;
}

[data-theme="dark"] .clients-map-item:hover {
  background: #334155 !important;
}

[data-theme="dark"] .clients-map-item {
  border-bottom-color: #475569 !important;
  color: #e2e8f0;
}

[data-theme="dark"] .section-divider,
[data-theme="dark"] .contact-section-divider {
  background: linear-gradient(90deg, transparent, #38bdf8, transparent);
}

[data-theme="dark"] .form-success {
  background-color: #14532d !important;
  border-color: #166534 !important;
}

[data-theme="dark"] .form-success .text-green-700,
[data-theme="dark"] .form-success .text-green-800 {
  color: #bbf7d0 !important;
}

.theme-toggle-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.75rem;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #f59e0b;
  cursor: pointer;
  transition: all 0.2s ease;
}

.theme-toggle-btn:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(14, 165, 233, 0.2);
}

.theme-toggle-btn .theme-icon-dark {
  display: none;
  color: #fbbf24;
}

[data-theme="dark"] .theme-toggle-btn {
  background: #334155;
  border-color: #475569;
}

[data-theme="dark"] .theme-toggle-btn .theme-icon-light {
  display: none;
}

[data-theme="dark"] .theme-toggle-btn .theme-icon-dark {
  display: inline;
}