/*
 * The console's light theme.
 *
 * The console is written in Tailwind's dark slate classes. Rather than give
 * every element a second set, this sheet re-colours those classes when the
 * <html> element carries "light" (the switch in the header, remembered in this
 * browser). Each rule outranks Tailwind's own (html.light .x beats .x), so the
 * order the two sheets load in does not matter.
 *
 * Generated from the classes app.js and index.html use; a class added to the
 * console that is not here simply keeps its dark colour in the light theme.
 * The colours are Tailwind's own: surfaces white and slate-100, ink slate-900
 * to slate-500, and coloured words at their 700 step, which reads on white
 * (the 300/400 steps the dark theme uses do not).
 */
html { color-scheme: dark; }
html.light { color-scheme: light; }
html.light body.bg-slate-950, html.light main.bg-slate-950 { background-color: #f1f5f9; color: #0f172a; }
html.light ::-webkit-scrollbar-track { background: #e2e8f0; }
html.light ::-webkit-scrollbar-thumb { background: #94a3b8; }
/* Words on the indigo of the chosen menu item and the main buttons stay light. */
html.light .bg-indigo-600 .text-indigo-200 { color: #c7d2fe; }
/* The emblem's globe is white: on a light page it sits on a dark disc. */
html.light .brand-logo { background: #0f172a; border-radius: 9999px; padding: 3px; }
html.light #login-screen .brand-logo { padding: 8px; }
/* Dialog backdrops: a lighter veil. */
html.light .bg-black\/60 { background-color: rgba(15, 23, 42, 0.45); }
html.light .bg-slate-950 { background-color: #ffffff; }
html.light .bg-slate-950\/40 { background-color: #f8fafc; }
html.light .bg-slate-950\/60 { background-color: #f8fafc; }
html.light .bg-slate-950\/80 { background-color: #f1f5f9; }
html.light .bg-slate-900 { background-color: #ffffff; }
html.light .bg-slate-900\/40 { background-color: rgba(255,255,255,0.75); }
html.light .bg-slate-900\/60 { background-color: #ffffff; }
html.light .bg-slate-900\/90 { background-color: #ffffff; }
html.light .bg-slate-800 { background-color: #e2e8f0; }
html.light .bg-slate-800\/60 { background-color: rgba(226,232,240,0.7); }
html.light .hover\:bg-slate-800:hover { background-color: #e2e8f0; }
html.light .hover\:bg-slate-700:hover { background-color: #cbd5e1; }
html.light .hover\:bg-slate-800\/40:hover { background-color: #f1f5f9; }
html.light .text-slate-100 { color: #0f172a; }
html.light .text-slate-200 { color: #1e293b; }
html.light .text-slate-300 { color: #334155; }
html.light .text-slate-400 { color: #475569; }
html.light .text-slate-500 { color: #64748b; }
html.light .text-slate-600 { color: #94a3b8; }
html.light .text-emerald-300 { color: #047857; }
html.light .text-emerald-400 { color: #047857; }
html.light .text-amber-200 { color: #b45309; }
html.light .text-amber-300 { color: #b45309; }
html.light .text-amber-400 { color: #b45309; }
html.light .text-rose-200 { color: #be123c; }
html.light .text-rose-300 { color: #be123c; }
html.light .text-rose-400 { color: #be123c; }
html.light .text-red-300 { color: #b91c1c; }
html.light .text-indigo-200 { color: #4338ca; }
html.light .text-indigo-300 { color: #4338ca; }
html.light .text-indigo-400 { color: #4338ca; }
html.light .text-sky-200 { color: #0369a1; }
html.light .text-sky-300 { color: #0369a1; }
html.light .text-violet-300 { color: #6d28d9; }
html.light .hover\:text-slate-200:hover { color: #0f172a; }
html.light .hover\:text-indigo-300:hover { color: #3730a3; }
html.light .hover\:text-rose-300:hover { color: #9f1239; }
html.light .hover\:text-rose-400:hover { color: #9f1239; }
html.light .border-slate-800 { border-color: #e2e8f0; }
html.light .border-slate-700 { border-color: #cbd5e1; }
html.light .border-slate-600 { border-color: #94a3b8; }
html.light .divide-slate-800 > :not([hidden]) ~ :not([hidden]) { border-color: #e2e8f0; }
html.light .divide-slate-800\/60 > :not([hidden]) ~ :not([hidden]) { border-color: #e2e8f0; }
/* The dashboard's clickable tiles: a light lift on hover, not a dark patch. */
html.light .metric-tile:hover { background-color: #f8fafc; border-color: #818cf8; }