/* Dark mode styles */
html.dark {
  background: #181a1b;
}
html.dark body {
  background: #181a1b !important;
  color: #e5e7eb !important;
}
html.dark .bg-white {
  background-color: #23272f !important;
}
html.dark .text-gray-600,
html.dark .text-gray-900 {
  color: #e5e7eb !important;
}
html.dark .text-gray-700 {
  color: #cbd5e1 !important;
}
html.dark .text-blue-600 {
  color: #60a5fa !important;
}
html.dark .hover\:text-blue-600:hover {
  color: #3b82f6 !important;
}
html.dark .hover\:bg-blue-50:hover {
  background-color: #1e293b !important;
}
html.dark .bg-gray-50 {
  background-color: #23272f !important;
}
html.dark .bg-gray-100 {
  background-color: #23272f !important;
}
html.dark .bg-gray-200 {
  background-color: #23272f !important;
}
html.dark .bg-gray-700 {
  background-color: #181a1b !important;
}
html.dark .border-t,
html.dark .border {
  border-color: #333842 !important;
}
html.dark .shadow-sm {
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.7) !important;
}
html.dark .rounded-md,
html.dark .rounded {
  background-color: #23272f !important;
}
html.dark .btn-primary {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
  color: #fff !important;
}
html.dark .btn-primary:hover {
  background-color: #1d4ed8 !important;
  border-color: #1d4ed8 !important;
}
html.dark .btn-outline {
  border: 2px solid #60a5fa !important;
  color: #60a5fa !important;
}
html.dark .btn-outline:hover {
  background-color: #60a5fa !important;
  color: #23272f !important;
}
html.dark hr {
  border-color: #333842 !important;
}
html.dark a {
  color: #93c5fd;
}
html.dark a:hover {
  color: #60a5fa;
}
html.dark .bg-white.rounded-md.shadow-lg {
  background-color: #23272f !important;
  color: #e5e7eb !important;
}