/* EventSnap Dark Mode — activated by html.dark class */

html.dark body,
html.dark .bg-gray-50 { background-color: #0f172a !important; }

html.dark .bg-white { background-color: #1e293b !important; }

html.dark .bg-gray-100 { background-color: #334155 !important; }

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

html.dark .text-gray-900 { color: #f1f5f9 !important; }
html.dark .text-gray-800 { color: #e2e8f0 !important; }
html.dark .text-gray-700 { color: #cbd5e1 !important; }
html.dark .text-gray-600 { color: #94a3b8 !important; }
html.dark .text-gray-500 { color: #94a3b8 !important; }
html.dark .text-gray-400 { color: #64748b !important; }
html.dark .text-gray-300 { color: #475569 !important; }

html.dark input,
html.dark textarea,
html.dark select { background-color: #0f172a !important; color: #f1f5f9 !important; border-color: #334155 !important; }

html.dark input::placeholder,
html.dark textarea::placeholder { color: #475569 !important; }

html.dark .bg-blue-50 { background-color: #1e3a5f !important; }
html.dark .border-blue-100 { border-color: #1d4ed8 !important; }

html.dark .bg-green-50 { background-color: #14532d !important; }
html.dark .border-green-100 { border-color: #166534 !important; }
html.dark .text-green-700 { color: #4ade80 !important; }

html.dark .bg-red-50 { background-color: #450a0a !important; }
html.dark .border-red-100 { border-color: #7f1d1d !important; }
html.dark .text-red-600 { color: #f87171 !important; }

html.dark .bg-amber-50 { background-color: #451a03 !important; }
html.dark .border-amber-100 { border-color: #78350f !important; }
html.dark .text-amber-900 { color: #fcd34d !important; }

html.dark .shadow-sm { box-shadow: 0 1px 2px rgba(0,0,0,0.4) !important; }
html.dark .shadow-lg { box-shadow: 0 10px 15px rgba(0,0,0,0.5) !important; }

html.dark .divide-gray-100 > * + * { border-color: #334155 !important; }

html.dark nav.bg-white { background-color: #1e293b !important; border-color: #334155 !important; }

html.dark .hover\:bg-gray-100:hover { background-color: #334155 !important; }
html.dark .hover\:bg-gray-50:hover  { background-color: #1e293b !important; }