/* AREC Platform - Dark Mode Theme */
html.dark body { background-color: #0f172a; color: #e2e8f0; }
html.dark .bg-white { background-color: #1e293b !important; }
html.dark .bg-gray-50 { background-color: #1e293b !important; }
html.dark .bg-gray-100 { background-color: #334155 !important; }
html.dark .border-gray-200, html.dark .border-gray-100 { border-color: #334155 !important; }
html.dark .text-slate-900 { color: #f1f5f9 !important; }
html.dark .text-slate-800 { color: #e2e8f0 !important; }
html.dark .text-gray-500 { color: #94a3b8 !important; }
html.dark .text-gray-400 { color: #94a3b8 !important; }
html.dark .text-gray-600 { color: #cbd5e1 !important; }
html.dark header.bg-white, html.dark header { background-color: #1e293b !important; border-color: #334155 !important; }
html.dark aside { background-color: #0f172a !important; border-color: #1e293b !important; }
html.dark aside img[alt="AREC Logo"] { background: transparent !important; mix-blend-mode: screen; }
html.dark .hover\:bg-gray-50:hover, html.dark .hover\:bg-gray-100:hover { background-color: #1e293b !important; }
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea { background-color: #334155 !important; border-color: #475569 !important; color: #f1f5f9 !important; }
html.dark input:disabled, html.dark select:disabled { background-color: #1e293b !important; color: #94a3b8 !important; }
html.dark footer { background-color: #0f172a !important; border-color: #1e293b !important; }
html.dark .bg-blue-50 { background-color: #1e3a5f !important; }
html.dark .border-blue-100 { border-color: #1e3a5f !important; }
html.dark .border-blue-200 { border-color: #1e40af !important; }
html.dark .text-blue-800:not(button):not(a) { color: #93c5fd !important; }
html.dark .bg-red-100 { background-color: #451a1a !important; }
html.dark .bg-green-100 { background-color: #14532d !important; }
html.dark .bg-amber-100 { background-color: #451a03 !important; }
html.dark .bg-purple-100 { background-color: #3b0764 !important; }
html.dark .border-t { border-color: #334155 !important; }
html.dark .border-b { border-color: #334155 !important; }
html.dark .border-r { border-color: #1e293b !important; }
html.dark table th { background-color: #1e293b !important; color: #e2e8f0 !important; }
html.dark table td { border-color: #334155 !important; }
html.dark table tr:hover { background-color: #1e293b !important; }