/* ================================================================
   DARK-MODE.CSS - Dark mode specific overrides
   ================================================================ */

[data-theme="dark"] .site-header {
  background-color: rgba(15, 23, 42, 0.85);
  border-bottom-color: var(--color-slate-800);
}

[data-theme="dark"] .site-header.scrolled {
  background-color: var(--color-slate-900);
}

[data-theme="dark"] .card {
  background-color: var(--color-slate-800);
  border-color: var(--color-slate-700);
}

[data-theme="dark"] .card-footer {
  background-color: var(--color-slate-900);
  border-color: var(--color-slate-700);
}

[data-theme="dark"] .post-card {
  background-color: var(--color-slate-800);
  border-color: var(--color-slate-700);
}

[data-theme="dark"] .feature-card {
  background: linear-gradient(145deg, var(--color-slate-800) 0%, var(--color-slate-900) 100%);
  border-color: var(--color-slate-700);
}

[data-theme="dark"] .pricing-card {
  border-color: var(--color-slate-700);
}

[data-theme="dark"] .pricing-card.featured {
  border-color: var(--color-primary-600);
}

[data-theme="dark"] .testimonial-card {
  background-color: var(--color-slate-800);
  border-color: var(--color-slate-700);
}

[data-theme="dark"] .form-input,
[data-theme="dark"] .form-textarea,
[data-theme="dark"] .form-select {
  background-color: var(--color-slate-800);
  border-color: var(--color-slate-700);
  color: var(--color-slate-50);
}

[data-theme="dark"] .form-input:focus,
[data-theme="dark"] .form-textarea:focus,
[data-theme="dark"] .form-select:focus {
  border-color: var(--color-primary-500);
  box-shadow: 0 0 0 3px var(--color-primary-950);
}

[data-theme="dark"] .comment {
  background-color: var(--color-slate-800);
}

[data-theme="dark"] .page-header::before {
  background: radial-gradient(circle, rgba(249, 115, 22, 0.1) 0%, transparent 70%);
}

[data-theme="dark"] .alert-info {
  background-color: rgba(30, 64, 175, 0.2);
  border-color: rgba(59, 130, 246, 0.3);
  color: #93c5fd;
}

[data-theme="dark"] .alert-success {
  background-color: rgba(21, 128, 61, 0.2);
  border-color: rgba(74, 222, 128, 0.3);
  color: #86efac;
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(180, 83, 9, 0.2);
  border-color: rgba(251, 191, 36, 0.3);
  color: #fcd34d;
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(185, 28, 28, 0.2);
  border-color: rgba(248, 113, 113, 0.3);
  color: #fca5a5;
}

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

[data-theme="dark"] .theme-toggle .moon-icon {
  display: block !important;
}