.dark .dark\:bg-gray-800 { background-color: #1f2937 !important; }
.dark .dark\:bg-gray-900 { background-color: #111827 !important; }
.dark .dark\:bg-red-500 { background-color: #ef4444 !important; }
.dark .dark\:border-gray-700 { border-color: #374151 !important; }
.dark .dark\:border-red-400 { border-color: #f87171 !important; }
.dark .dark\:text-blue-400 { color: #60a5fa !important; }
.dark .dark\:text-blue-500 { color: #3b82f6 !important; }
.dark .dark\:text-gray-100 { color: #f3f4f6 !important; }
.dark .dark\:text-gray-400 { color: #9ca3af !important; }
.dark .dark\:text-gray-900 { color: #111827 !important; }
.dark .dark\:text-pink-400 { color: #f472b6 !important; }
.dark .dark\:text-red-400 { color: #f87171 !important; }
.dark .dark\:text-white { color: #fff !important; }
.dark .dark\:hover\:bg-gray-700:hover { background-color: #374151 !important; }
.dark .dark\:hover\:bg-gray-800:hover { background-color: #1f2937 !important; }
.dark .dark\:hover\:bg-red-400:hover { background-color: #f87171 !important; }
.dark .dark\:hover\:text-red-400:hover { color: #f87171 !important; }

html.dark,
html.dark body {
  background-color: #111827 !important;
  color: #f3f4f6 !important;
}

html.dark .bg-white,
html.dark .bg-gray-50,
html.dark .bg-gray-100 {
  background-color: #111827 !important;
}

html.dark .bg-white.rounded,
html.dark .bg-white.rounded-lg,
html.dark .bg-gray-50.rounded,
html.dark .bg-gray-50.rounded-lg {
  background-color: #1f2937 !important;
}

html.dark .text-gray-800,
html.dark .text-gray-700,
html.dark .text-gray-600 {
  color: #f3f4f6 !important;
}

html.dark .border-gray-200,
html.dark .border-gray-300 {
  border-color: #374151 !important;
}