/* Manual dark-mode fallback that works even if the Tailwind CDN config is not read. */
html.dark body {
  background-color: #0f172a; /* slate-900 */
  color: #f1f5f9; /* slate-100 */
}

html.dark .bg-white,
html.dark .bg-slate-50,
html.dark .bg-slate-100 {
  background-color: #1e293b !important; /* slate-800 */
}

html.dark .bg-slate-900 {
  background-color: #0f172a !important;
}

html.dark .bg-indigo-50 {
  background-color: rgba(49, 46, 129, 0.3) !important; /* indigo-900/30 */
}

html.dark .bg-purple-100 {
  background-color: rgba(88, 28, 135, 0.4) !important;
}

html.dark .bg-emerald-100 {
  background-color: rgba(6, 78, 59, 0.4) !important;
}

html.dark .bg-red-100 {
  background-color: rgba(127, 29, 29, 0.4) !important;
}

html.dark .bg-yellow-50 {
  background-color: rgba(113, 63, 18, 0.3) !important;
}

html.dark .bg-slate-700,
html.dark .bg-slate-800 {
  background-color: #334155 !important; /* slate-700 */
}

html.dark .border-slate-100,
html.dark .border-slate-200,
html.dark .border-slate-300 {
  border-color: #334155 !important; /* slate-700 */
}

html.dark .border-slate-700,
html.dark .border-slate-600 {
  border-color: #475569 !important; /* slate-600 */
}

html.dark .text-slate-800 {
  color: #f1f5f9 !important; /* slate-100 */
}

html.dark .text-slate-700 {
  color: #e2e8f0 !important; /* slate-200 */
}

html.dark .text-slate-600 {
  color: #cbd5e1 !important; /* slate-300 */
}

html.dark .text-slate-500 {
  color: #94a3b8 !important; /* slate-400 */
}

html.dark .text-slate-400 {
  color: #64748b !important; /* slate-500 */
}

html.dark .text-slate-300 {
  color: #475569 !important; /* slate-600 */
}

html.dark .text-indigo-600,
html.dark .text-indigo-700 {
  color: #818cf8 !important; /* indigo-400 */
}

html.dark .text-purple-700 {
  color: #d8b4fe !important;
}

html.dark .text-emerald-700 {
  color: #6ee7b7 !important;
}

html.dark .text-red-700 {
  color: #fca5a5 !important;
}

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

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

html.dark .hover\:bg-slate-50:hover,
html.dark .hover\:bg-slate-100:hover {
  background-color: #334155 !important; /* slate-700 */
}

html.dark .hover\:bg-slate-200:hover {
  background-color: #475569 !important; /* slate-600 */
}

html.dark .hover\:text-indigo-600:hover,
html.dark .hover\:text-indigo-700:hover {
  color: #a5b4fc !important; /* indigo-300 */
}

html.dark .hover\:text-red-600:hover {
  color: #fca5a5 !important;
}

html.dark .hover\:border-indigo-300:hover,
html.dark .hover\:border-indigo-500:hover {
  border-color: #6366f1 !important; /* indigo-500 */
}

html.dark a.text-indigo-600:hover,
html.dark a.text-indigo-400:hover {
  color: #a5b4fc !important;
}

html.dark table thead {
  background-color: rgba(15, 23, 42, 0.5) !important;
}

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

html.dark .bg-amber-500 {
  background-color: #d97706 !important;
}

html.dark .bg-emerald-600 {
  background-color: #059669 !important;
}

html.dark .bg-red-600 {
  background-color: #dc2626 !important;
}

html.dark .bg-purple-600 {
  background-color: #7c3aed !important;
}

html.dark .bg-indigo-600 {
  background-color: #4f46e5 !important;
}

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

html.dark .ring-indigo-500 {
  --tw-ring-color: #6366f1 !important;
}