:root { color-scheme: light dark; }
html.dark { background-color: #0f172a; }

.dark .bg-white { background-color: #1f2937 !important; }
.dark .bg-slate-50 { background-color: #0f172a !important; }
.dark .bg-indigo-50 { background-color: #1f2937 !important; }

.dark .text-slate-900 { color: #f1f5f9 !important; }
.dark .text-slate-800 { color: #e5e7eb !important; }
.dark .text-slate-700 { color: #e2e8f0 !important; }
.dark .text-slate-600 { color: #cbd5e1 !important; }
.dark .text-slate-500 { color: #cbd5e1 !important; }
.dark .text-slate-400 { color: #94a3b8 !important; }

.dark .border { border-color: #334155 !important; }
.dark .border-b { border-color: #334155 !important; }
.dark .border-t { border-color: #334155 !important; }
.dark .border-l { border-color: #334155 !important; }
.dark .border-r { border-color: #334155 !important; }

.dark .shadow-sm, .dark .shadow, .dark .shadow-lg, .dark .shadow-xl { 
  box-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 4px 8px rgba(0,0,0,0.3) !important; 
}