html {
scroll-behavior: smooth;
}
::selection {
background: rgba(139, 92, 246, 0.35);
}
input[type="file"]::-webkit-file-upload-button {
display: none;
}
/* ---- Light theme overrides ------------------------------------------------
The dashboard is authored dark-first with hardcoded Tailwind utility classes
(bg-slate-950, text-white, border-white/10, ...). Rather than duplicating every
view with dark:/light: variants, we override the small, fixed set of color
utilities actually in use, scoped under [data-theme="light"] on . Real
class selectors here (not attribute+element) so specificity beats the plain
Tailwind utility without needing !important. */
[data-theme="light"] body.bg-slate-950 { background-color: #f8fafc; }
[data-theme="light"] .bg-slate-950,
[data-theme="light"] .bg-slate-950\/70,
[data-theme="light"] .bg-slate-950\/80 { background-color: #f8fafc; }
[data-theme="light"] .bg-slate-900,
[data-theme="light"] .bg-slate-900\/40,
[data-theme="light"] .bg-slate-900\/50,
[data-theme="light"] .bg-slate-900\/60 { background-color: #eef2f7; }
[data-theme="light"] .bg-slate-800\/80 { background-color: #e2e8f0; }
[data-theme="light"] .bg-white\/5,
[data-theme="light"] .bg-white\/10,
[data-theme="light"] .bg-white\/15,
[data-theme="light"] .bg-white\/\[0\.07\] { background-color: rgba(15, 23, 42, 0.05); }
[data-theme="light"] .border-white\/10,
[data-theme="light"] .border-white\/20 { border-color: rgba(15, 23, 42, 0.12); }
[data-theme="light"] .text-white,
[data-theme="light"] .text-slate-100 { color: #0f172a; }
[data-theme="light"] .text-slate-300 { color: #334155; }
[data-theme="light"] .text-slate-400,
[data-theme="light"] .text-slate-500 { color: #64748b; }
[data-theme="light"] .blur-3xl { opacity: 0.35; }
[data-theme="light"] ::selection { background: rgba(139, 92, 246, 0.2); }