html[data-theme="dark"] body {
  background-color: #0b1220;
  color: #cbd5e1;
}

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

html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-white\/80,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .card {
  background-color: #111827 !important;
}

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

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

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

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

html[data-theme="dark"] .prose h1,
html[data-theme="dark"] .prose h2,
html[data-theme="dark"] .prose h3,
html[data-theme="dark"] .prose h4 {
  color: #f8fafc !important;
}

html[data-theme="dark"] .prose p,
html[data-theme="dark"] .prose li,
html[data-theme="dark"] .prose blockquote {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .prose code:not(pre code) {
  background-color: #1e293b !important;
  color: #e2e8f0 !important;
}

html[data-theme="dark"] .nav-content {
  background-color: #111827 !important;
}

html[data-theme="dark"] .hover\:bg-gray-50:hover {
  background-color: #1e293b !important;
}

html[data-theme="dark"] .pt-20 > section:first-of-type {
  background: linear-gradient(180deg, #0f2a4a, #1a1038) !important;
}

html[data-theme="dark"] .shadow-elevation img {
  border-radius: 0.75rem;
}

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

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

html[data-theme="dark"] .btn-outline {
  border-color: #60a5fa !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] .btn-outline:hover {
  background-color: rgba(59, 130, 246, 0.12) !important;
}

html[data-theme="dark"] .shadow-xl,
html[data-theme="dark"] .shadow-elevation {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

.theme-mode-toggle {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 999;
  border: 1px solid #d1d5db;
  background: #ffffff;
  color: #111827;
  border-radius: 9999px;
  min-width: 7.5rem;
  min-height: 2.5rem;
  font-weight: 700;
  font-size: 0.9rem;
  cursor: pointer;
  box-shadow: 0 6px 24px rgba(15, 23, 42, 0.2);
}

html[data-theme="dark"] .theme-mode-toggle {
  background: #111827;
  color: #f8fafc;
  border-color: #334155;
}

.theme-mode-toggle:hover {
  transform: translateY(-1px);
}

@media (max-width: 768px) {
  .theme-mode-toggle {
    right: 0.75rem;
    bottom: 0.75rem;
    min-width: 6.5rem;
  }
}