/*
 * The light theme of the Meridian build. Generated from frontend/theme.css with
 * this build's palette in place of the default one; see build.sh.
 */
html { color-scheme: dark; }
html.light { color-scheme: light; }
html.light body.bg-slate-950, html.light main.bg-slate-950 { background-color: #f4f5f7; color: #111418; }
html.light ::-webkit-scrollbar-track { background: #e4e7eb; }
html.light ::-webkit-scrollbar-thumb { background: #9aa1ab; }
/* Words on the indigo of the chosen menu item and the main buttons stay light. */
html.light .bg-indigo-600 .text-indigo-200 { color: #d3f1f8; }
/* The emblem's globe is white: on a light page it sits on a dark disc. */
html.light .brand-logo { background: #111418; 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(17, 20, 24, 0.45); }
html.light .bg-slate-950 { background-color: #ffffff; }
html.light .bg-slate-950\/40 { background-color: #f8f9fa; }
html.light .bg-slate-950\/60 { background-color: #f8f9fa; }
html.light .bg-slate-950\/80 { background-color: #f4f5f7; }
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: #e4e7eb; }
html.light .bg-slate-800\/60 { background-color: rgba(226,232,240,0.7); }
html.light .hover\:bg-slate-800:hover { background-color: #e4e7eb; }
html.light .hover\:bg-slate-700:hover { background-color: #cdd2d9; }
html.light .hover\:bg-slate-800\/40:hover { background-color: #f4f5f7; }
html.light .text-slate-100 { color: #111418; }
html.light .text-slate-200 { color: #1d2228; }
html.light .text-slate-300 { color: #343a42; }
html.light .text-slate-400 { color: #4b525c; }
html.light .text-slate-500 { color: #636b76; }
html.light .text-slate-600 { color: #9aa1ab; }
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: #0b5f77; }
html.light .text-indigo-300 { color: #0b5f77; }
html.light .text-indigo-400 { color: #0b5f77; }
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: #111418; }
html.light .hover\:text-indigo-300:hover { color: #0a4e62; }
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: #e4e7eb; }
html.light .border-slate-700 { border-color: #cdd2d9; }
html.light .border-slate-600 { border-color: #9aa1ab; }
html.light .divide-slate-800 > :not([hidden]) ~ :not([hidden]) { border-color: #e4e7eb; }
html.light .divide-slate-800\/60 > :not([hidden]) ~ :not([hidden]) { border-color: #e4e7eb; }
/* The dashboard's clickable tiles: a light lift on hover, not a dark patch. */
html.light .metric-tile:hover { background-color: #f8f9fa; border-color: #22a6c7; }