/* Global dark mode safety net for Tailwind utility classes
 * Fixes pages that use text-slate/blue/indigo etc. without dark variants.
 * All rules scoped to .dark to avoid affecting light mode.
 */

.dark .text-slate-900,
.dark .text-slate-800,
.dark .text-gray-900,
.dark .text-gray-800 { color: #e2e8f0; }
.dark .text-slate-700,
.dark .text-gray-700 { color: #cbd5e1; }
.dark .text-slate-600,
.dark .text-gray-600 { color: #cbd5e1; }
.dark .text-slate-500,
.dark .text-gray-500 { color: #94a3b8; }
.dark .text-slate-400,
.dark .text-gray-400 { color: #94a3b8; }

/* Brand-color text on dark backgrounds — lift to readable variants */
.dark .text-blue-700,
.dark .text-blue-800,
.dark .text-blue-900 { color: #bfdbfe; }
.dark .text-blue-600 { color: #93c5fd; }
.dark .text-indigo-700,
.dark .text-indigo-800,
.dark .text-indigo-900 { color: #c4b5fd; }
.dark .text-indigo-600 { color: #a5b4fc; }
.dark .text-emerald-700,
.dark .text-emerald-800 { color: #86efac; }
.dark .text-emerald-600 { color: #6ee7b7; }
.dark .text-rose-700,
.dark .text-rose-600 { color: #fca5a5; }
.dark .text-amber-700,
.dark .text-amber-600 { color: #fcd34d; }

/* Light tinted backgrounds — bump opacity in dark mode for visible contrast */
.dark .bg-slate-50,
.dark .bg-gray-50 { background-color: rgba(30, 41, 59, 0.55); }
.dark .bg-slate-100,
.dark .bg-gray-100 { background-color: rgba(30, 41, 59, 0.7); }
.dark .bg-blue-50 {
    background-color: rgba(59, 130, 246, 0.22);
}
.dark .bg-blue-50 .text-blue-700,
.dark .bg-blue-50 .text-blue-800 { color: #dbeafe; }
.dark .bg-indigo-50 {
    background-color: rgba(99, 102, 241, 0.22);
}
.dark .bg-indigo-50 .text-indigo-700,
.dark .bg-indigo-50 .text-indigo-800 { color: #e0e7ff; }
.dark .bg-emerald-50 {
    background-color: rgba(16, 185, 129, 0.18);
}
.dark .bg-emerald-50 .text-emerald-700,
.dark .bg-emerald-50 .text-emerald-800 { color: #d1fae5; }
.dark .bg-rose-50 {
    background-color: rgba(244, 63, 94, 0.18);
}
.dark .bg-rose-50 .text-rose-700 { color: #fecaca; }
.dark .bg-amber-50 {
    background-color: rgba(245, 158, 11, 0.18);
}
.dark .bg-amber-50 .text-amber-700 { color: #fde68a; }
.dark .bg-yellow-50 {
    background-color: rgba(234, 179, 8, 0.18);
}

/* Light borders — make slightly visible in dark mode */
.dark .border-slate-100,
.dark .border-slate-200,
.dark .border-gray-100,
.dark .border-gray-200 { border-color: rgba(99, 102, 241, 0.22); }
.dark .border-slate-300,
.dark .border-gray-300 { border-color: rgba(99, 102, 241, 0.3); }
.dark .border-blue-100 { border-color: rgba(59, 130, 246, 0.38); }
.dark .border-indigo-100 { border-color: rgba(99, 102, 241, 0.38); }
.dark .border-emerald-100 { border-color: rgba(16, 185, 129, 0.35); }
.dark .border-rose-100 { border-color: rgba(244, 63, 94, 0.35); }
.dark .border-amber-100 { border-color: rgba(245, 158, 11, 0.35); }

/* Default placeholder + label color */
.dark .placeholder-slate-400::placeholder,
.dark .placeholder-gray-400::placeholder { color: rgba(148, 163, 184, 0.7); }