/* Global dark mode overrides when */
html.dark body {
background-color: #0b1220; /* deep slate */
color: #e5e7eb; /* gray-200 */
}
/* Card/containers */
html.dark .bg-white { background-color: #0f172a !important; }
html.dark .bg-gray-50 { background-color: #111827 !important; }
html.dark .shadow-md, html.dark .shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.5), 0 1px 3px rgba(0,0,0,0.4) !important; }
/* Text colors */
html.dark .text-gray-900 { color: #f3f4f6 !important; }
html.dark .text-gray-800 { color: #e5e7eb !important; }
html.dark .text-gray-700 { color: #d1d5db !important; }
html.dark .text-gray-600, html.dark .text-gray-500 { color: #9ca3af !important; }
/* Borders/dividers */
html.dark .border-gray-200 { border-color: #1f2937 !important; }
html.dark .divide-gray-200 > :not([hidden]) ~ :not([hidden]) { border-color: #1f2937 !important; }
html.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]) { border-color: #111827 !important; }
/* Pills and subtle surfaces */
html.dark .bg-gray-100 { background-color: #1f2937 !important; }
html.dark .bg-indigo-50 { background-color: rgba(99, 102, 241, 0.15) !important; }
html.dark .text-indigo-600 { color: #a5b4fc !important; }
/* Buttons */
html.dark .bg-white { color: #e5e7eb; }
html.dark .bg-white:hover { background-color: #0b1220 !important; }
html.dark .hover\:bg-gray-50:hover { background-color: #0b1220 !important; }
/* Navbar specific overrides for good contrast */
html.dark .navbar-container { background-color: #0f172a !important; }
html.dark .navbar-brand { color: #e5e7eb !important; }
html.dark .nav-link { color: #e5e7eb !important; }
html.dark .nav-link:hover { background-color: #1f2937 !important; }