/* arcOS light theme — GENERATED by scripts/gen_light_theme.py. Do not hand-edit; change the generator and re-run it. Active when carries .theme-light (set server-side from the signed-in user's ui_prefs.theme, mirrored to localStorage so the choice applies before first paint on every page). */ html.theme-light, html.theme-light body { background-color: #f4f4f5; color: #27272a; color-scheme: light; } /* ── utility remap (scanned inventory + house-style safety net) ── */ html.theme-light .via-zinc-900 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #ffffff var(--tw-gradient-via-position), var(--tw-gradient-to); } html.theme-light .from-emerald-600\/20 { --tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html.theme-light .from-blue-600\/20 { --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html.theme-light .from-zinc-800 { --tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html.theme-light .from-amber-600\/20, html.theme-light .from-amber-900\/40 { --tw-gradient-from: #fffbeb var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html.theme-light .from-zinc-900\/60, html.theme-light .from-zinc-900\/80 { --tw-gradient-from: #ffffff var(--tw-gradient-from-position); --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } html.theme-light .to-emerald-950\/20 { --tw-gradient-to: #ecfdf5 var(--tw-gradient-to-position); } html.theme-light .to-blue-600\/20 { --tw-gradient-to: #eff6ff var(--tw-gradient-to-position); } html.theme-light .to-zinc-800\/20, html.theme-light .to-zinc-950 { --tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position); } html.theme-light .to-red-950\/20 { --tw-gradient-to: #fef2f2 var(--tw-gradient-to-position); } html.theme-light .to-amber-950\/20 { --tw-gradient-to: #fffbeb var(--tw-gradient-to-position); } html.theme-light .to-zinc-900 { --tw-gradient-to: #ffffff var(--tw-gradient-to-position); } html.theme-light .ring-emerald-800\/60 { --tw-ring-color: #a7f3d0; } html.theme-light .ring-zinc-700 { --tw-ring-color: #d4d4d8; } html.theme-light .ring-rose-700\/40 { --tw-ring-color: #fecdd3; } html.theme-light .bg-zinc-600, html.theme-light .bg-zinc-600\/20, html.theme-light .focus\:bg-zinc-600:focus, html.theme-light .group:hover .group-hover\:bg-zinc-600, html.theme-light .hover\:bg-stone-600:hover, html.theme-light .hover\:bg-zinc-600:hover, html.theme-light .hover\:bg-zinc-600\/40:hover, html.theme-light .hover\:bg-zinc-600\/50:hover { background-color: #d4d4d8; } html.theme-light .bg-stone-700, html.theme-light .bg-zinc-700, html.theme-light .bg-zinc-700\/30, html.theme-light .bg-zinc-700\/40, html.theme-light .bg-zinc-700\/50, html.theme-light .bg-zinc-700\/60, html.theme-light .bg-zinc-700\/70, html.theme-light .bg-zinc-700\/80, html.theme-light .disabled\:bg-zinc-700:disabled, html.theme-light .file\:bg-zinc-700::file-selector-button, html.theme-light .focus\:bg-zinc-700:focus, html.theme-light .focus\:bg-zinc-700\/30:focus, html.theme-light .group:hover .group-hover\:bg-zinc-700, html.theme-light .hover\:bg-zinc-700:hover, html.theme-light .hover\:bg-zinc-700\/50:hover, html.theme-light .hover\:bg-zinc-700\/60:hover, html.theme-light .hover\:bg-zinc-700\/70:hover { background-color: #e4e4e7; } html.theme-light .bg-emerald-400\/10, html.theme-light .bg-emerald-500\/10, html.theme-light .bg-emerald-500\/15, html.theme-light .bg-emerald-500\/20, html.theme-light .bg-emerald-500\/5, html.theme-light .bg-emerald-600\/20, html.theme-light .bg-emerald-600\/30, html.theme-light .bg-emerald-700\/30, html.theme-light .bg-emerald-800, html.theme-light .bg-emerald-800\/20, html.theme-light .bg-emerald-800\/30, html.theme-light .bg-emerald-800\/40, html.theme-light .bg-emerald-800\/50, html.theme-light .bg-emerald-800\/60, html.theme-light .bg-emerald-900, html.theme-light .bg-emerald-900\/10, html.theme-light .bg-emerald-900\/15, html.theme-light .bg-emerald-900\/20, html.theme-light .bg-emerald-900\/25, html.theme-light .bg-emerald-900\/30, html.theme-light .bg-emerald-900\/40, html.theme-light .bg-emerald-900\/50, html.theme-light .bg-emerald-900\/60, html.theme-light .bg-emerald-900\/70, html.theme-light .bg-emerald-900\/80, html.theme-light .bg-emerald-900\/90, html.theme-light .bg-emerald-900\/95, html.theme-light .bg-emerald-950, html.theme-light .bg-emerald-950\/10, html.theme-light .bg-emerald-950\/20, html.theme-light .bg-emerald-950\/30, html.theme-light .bg-emerald-950\/40, html.theme-light .hover\:bg-emerald-500\/10:hover, html.theme-light .hover\:bg-emerald-500\/30:hover, html.theme-light .hover\:bg-emerald-500\/5:hover, html.theme-light .hover\:bg-emerald-600\/30:hover, html.theme-light .hover\:bg-emerald-800:hover, html.theme-light .hover\:bg-emerald-800\/40:hover, html.theme-light .hover\:bg-emerald-800\/50:hover, html.theme-light .hover\:bg-emerald-800\/60:hover, html.theme-light .hover\:bg-emerald-900\/10:hover, html.theme-light .hover\:bg-emerald-900\/20:hover, html.theme-light .hover\:bg-emerald-900\/25:hover, html.theme-light .hover\:bg-emerald-900\/30:hover, html.theme-light .hover\:bg-emerald-900\/40:hover, html.theme-light .hover\:bg-emerald-900\/50:hover, html.theme-light .hover\:bg-emerald-900\/60:hover, html.theme-light .hover\:bg-emerald-900\/70:hover, html.theme-light .peer:checked ~ .peer-checked\:bg-emerald-900\/20 { background-color: #ecfdf5; } html.theme-light .bg-cyan-500\/20, html.theme-light .bg-cyan-600\/20, html.theme-light .bg-cyan-800, html.theme-light .bg-cyan-800\/20, html.theme-light .bg-cyan-800\/30, html.theme-light .bg-cyan-800\/40, html.theme-light .bg-cyan-900, html.theme-light .bg-cyan-900\/20, html.theme-light .bg-cyan-900\/30, html.theme-light .bg-cyan-900\/40, html.theme-light .bg-cyan-900\/50, html.theme-light .hover\:bg-cyan-800\/60:hover { background-color: #ecfeff; } html.theme-light .bg-indigo-500\/15, html.theme-light .bg-indigo-500\/20, html.theme-light .bg-indigo-600\/20, html.theme-light .bg-indigo-700\/30, html.theme-light .bg-indigo-800, html.theme-light .bg-indigo-800\/20, html.theme-light .bg-indigo-800\/30, html.theme-light .bg-indigo-800\/40, html.theme-light .bg-indigo-900, html.theme-light .bg-indigo-900\/10, html.theme-light .bg-indigo-900\/20, html.theme-light .bg-indigo-900\/30, html.theme-light .bg-indigo-900\/40, html.theme-light .group:hover .group-hover\:bg-indigo-900\/30, html.theme-light .hover\:bg-indigo-800\/50:hover, html.theme-light .hover\:bg-indigo-900\/70:hover { background-color: #eef2ff; } html.theme-light .bg-blue-500\/10, html.theme-light .bg-blue-500\/15, html.theme-light .bg-blue-500\/20, html.theme-light .bg-blue-500\/30, html.theme-light .bg-blue-500\/5, html.theme-light .bg-blue-600\/20, html.theme-light .bg-blue-600\/30, html.theme-light .bg-blue-700\/30, html.theme-light .bg-blue-800, html.theme-light .bg-blue-800\/20, html.theme-light .bg-blue-800\/30, html.theme-light .bg-blue-800\/40, html.theme-light .bg-blue-800\/50, html.theme-light .bg-blue-800\/60, html.theme-light .bg-blue-900, html.theme-light .bg-blue-900\/10, html.theme-light .bg-blue-900\/15, html.theme-light .bg-blue-900\/20, html.theme-light .bg-blue-900\/25, html.theme-light .bg-blue-900\/30, html.theme-light .bg-blue-900\/40, html.theme-light .bg-blue-900\/5, html.theme-light .bg-blue-900\/50, html.theme-light .bg-blue-900\/60, html.theme-light .bg-blue-900\/80, html.theme-light .bg-blue-950, html.theme-light .bg-blue-950\/10, html.theme-light .bg-blue-950\/15, html.theme-light .bg-blue-950\/20, html.theme-light .bg-blue-950\/30, html.theme-light .bg-blue-950\/40, html.theme-light .bg-blue-950\/80, html.theme-light .file\:bg-blue-800::file-selector-button, html.theme-light .hover\:bg-blue-500\/10:hover, html.theme-light .hover\:bg-blue-500\/20:hover, html.theme-light .hover\:bg-blue-500\/30:hover, html.theme-light .hover\:bg-blue-500\/5:hover, html.theme-light .hover\:bg-blue-600\/30:hover, html.theme-light .hover\:bg-blue-800:hover, html.theme-light .hover\:bg-blue-800\/30:hover, html.theme-light .hover\:bg-blue-800\/40:hover, html.theme-light .hover\:bg-blue-800\/50:hover, html.theme-light .hover\:bg-blue-800\/60:hover, html.theme-light .hover\:bg-blue-800\/70:hover, html.theme-light .hover\:bg-blue-900\/20:hover, html.theme-light .hover\:bg-blue-900\/30:hover, html.theme-light .hover\:bg-blue-900\/40:hover, html.theme-light .hover\:bg-blue-900\/50:hover, html.theme-light .hover\:bg-blue-900\/60:hover, html.theme-light .hover\:bg-blue-900\/70:hover { background-color: #eff6ff; } html.theme-light .bg-sky-500\/10, html.theme-light .bg-sky-500\/15, html.theme-light .bg-sky-600\/20, html.theme-light .bg-sky-800, html.theme-light .bg-sky-800\/20, html.theme-light .bg-sky-800\/30, html.theme-light .bg-sky-800\/40, html.theme-light .bg-sky-900, html.theme-light .bg-sky-900\/20, html.theme-light .bg-sky-900\/30, html.theme-light .bg-sky-900\/40, html.theme-light .bg-sky-900\/50, html.theme-light .bg-sky-900\/80, html.theme-light .bg-sky-950\/40, html.theme-light .bg-sky-950\/50, html.theme-light .hover\:bg-sky-800\/50:hover, html.theme-light .hover\:bg-sky-900\/40:hover { background-color: #f0f9ff; } html.theme-light .bg-green-500\/20, html.theme-light .bg-green-800, html.theme-light .bg-green-800\/20, html.theme-light .bg-green-800\/30, html.theme-light .bg-green-800\/40, html.theme-light .bg-green-900, html.theme-light .bg-green-900\/20, html.theme-light .bg-green-900\/30, html.theme-light .bg-green-900\/40 { background-color: #f0fdf4; } html.theme-light .bg-teal-500\/15, html.theme-light .bg-teal-800, html.theme-light .bg-teal-800\/20, html.theme-light .bg-teal-800\/30, html.theme-light .bg-teal-800\/40, html.theme-light .bg-teal-900, html.theme-light .bg-teal-900\/20, html.theme-light .bg-teal-900\/30, html.theme-light .bg-teal-900\/40, html.theme-light .hover\:bg-teal-900\/50:hover { background-color: #f0fdfa; } html.theme-light .bg-zinc-800, html.theme-light .bg-zinc-800\/10, html.theme-light .bg-zinc-800\/20, html.theme-light .bg-zinc-800\/30, html.theme-light .bg-zinc-800\/40, html.theme-light .bg-zinc-800\/50, html.theme-light .bg-zinc-800\/60, html.theme-light .bg-zinc-800\/70, html.theme-light .bg-zinc-800\/80, html.theme-light .bg-zinc-800\/90, html.theme-light .bg-zinc-950, html.theme-light .bg-zinc-950\/30, html.theme-light .bg-zinc-950\/40, html.theme-light .bg-zinc-950\/50, html.theme-light .bg-zinc-950\/60, html.theme-light .bg-zinc-950\/70, html.theme-light .bg-zinc-950\/80, html.theme-light .bg-zinc-950\/90, html.theme-light .bg-zinc-950\/95, html.theme-light .checked\:bg-zinc-800:checked, html.theme-light .disabled\:bg-zinc-800:disabled, html.theme-light .file\:bg-zinc-800::file-selector-button, html.theme-light .focus\:bg-zinc-800:focus, html.theme-light .focus\:bg-zinc-950:focus, html.theme-light .group:hover .group-hover\:bg-zinc-800, html.theme-light .group:hover .group-hover\:bg-zinc-800\/20, html.theme-light .group:hover .group-hover\:bg-zinc-950, html.theme-light .hover\:bg-zinc-800:hover, html.theme-light .hover\:bg-zinc-800\/20:hover, html.theme-light .hover\:bg-zinc-800\/30:hover, html.theme-light .hover\:bg-zinc-800\/40:hover, html.theme-light .hover\:bg-zinc-800\/50:hover, html.theme-light .hover\:bg-zinc-800\/60:hover, html.theme-light .hover\:bg-zinc-800\/70:hover, html.theme-light .hover\:bg-zinc-800\/80:hover, html.theme-light .hover\:bg-zinc-950:hover { background-color: #f4f4f5; } html.theme-light .bg-violet-500\/10, html.theme-light .bg-violet-500\/15, html.theme-light .bg-violet-500\/20, html.theme-light .bg-violet-800, html.theme-light .bg-violet-800\/20, html.theme-light .bg-violet-800\/30, html.theme-light .bg-violet-800\/40, html.theme-light .bg-violet-900, html.theme-light .bg-violet-900\/20, html.theme-light .bg-violet-900\/30, html.theme-light .bg-violet-900\/40 { background-color: #f5f3ff; } html.theme-light .bg-lime-800, html.theme-light .bg-lime-800\/20, html.theme-light .bg-lime-800\/30, html.theme-light .bg-lime-800\/40, html.theme-light .bg-lime-900, html.theme-light .bg-lime-900\/20, html.theme-light .bg-lime-900\/30, html.theme-light .bg-lime-900\/40 { background-color: #f7fee7; } html.theme-light .bg-purple-800, html.theme-light .bg-purple-800\/20, html.theme-light .bg-purple-800\/30, html.theme-light .bg-purple-800\/40, html.theme-light .bg-purple-900, html.theme-light .bg-purple-900\/20, html.theme-light .bg-purple-900\/30, html.theme-light .bg-purple-900\/40 { background-color: #faf5ff; } html.theme-light .bg-pink-500\/20, html.theme-light .bg-pink-800, html.theme-light .bg-pink-800\/20, html.theme-light .bg-pink-800\/30, html.theme-light .bg-pink-800\/40, html.theme-light .bg-pink-900, html.theme-light .bg-pink-900\/20, html.theme-light .bg-pink-900\/30, html.theme-light .bg-pink-900\/40, html.theme-light .bg-pink-900\/50 { background-color: #fdf2f8; } html.theme-light .bg-fuchsia-500\/20, html.theme-light .bg-fuchsia-800, html.theme-light .bg-fuchsia-800\/20, html.theme-light .bg-fuchsia-800\/30, html.theme-light .bg-fuchsia-800\/40, html.theme-light .bg-fuchsia-900, html.theme-light .bg-fuchsia-900\/20, html.theme-light .bg-fuchsia-900\/30, html.theme-light .bg-fuchsia-900\/40 { background-color: #fdf4ff; } html.theme-light .bg-red-500\/10, html.theme-light .bg-red-500\/15, html.theme-light .bg-red-500\/20, html.theme-light .bg-red-600\/15, html.theme-light .bg-red-600\/20, html.theme-light .bg-red-600\/30, html.theme-light .bg-red-700\/30, html.theme-light .bg-red-800, html.theme-light .bg-red-800\/20, html.theme-light .bg-red-800\/30, html.theme-light .bg-red-800\/40, html.theme-light .bg-red-800\/50, html.theme-light .bg-red-800\/70, html.theme-light .bg-red-900, html.theme-light .bg-red-900\/10, html.theme-light .bg-red-900\/15, html.theme-light .bg-red-900\/20, html.theme-light .bg-red-900\/25, html.theme-light .bg-red-900\/30, html.theme-light .bg-red-900\/40, html.theme-light .bg-red-900\/5, html.theme-light .bg-red-900\/50, html.theme-light .bg-red-900\/60, html.theme-light .bg-red-900\/70, html.theme-light .bg-red-900\/80, html.theme-light .bg-red-900\/95, html.theme-light .bg-red-950\/10, html.theme-light .bg-red-950\/20, html.theme-light .bg-red-950\/30, html.theme-light .bg-red-950\/40, html.theme-light .bg-red-950\/60, html.theme-light .bg-red-950\/95, html.theme-light .hover\:bg-red-500\/10:hover, html.theme-light .hover\:bg-red-600\/30:hover, html.theme-light .hover\:bg-red-800:hover, html.theme-light .hover\:bg-red-800\/40:hover, html.theme-light .hover\:bg-red-800\/50:hover, html.theme-light .hover\:bg-red-800\/60:hover, html.theme-light .hover\:bg-red-900\/10:hover, html.theme-light .hover\:bg-red-900\/20:hover, html.theme-light .hover\:bg-red-900\/25:hover, html.theme-light .hover\:bg-red-900\/30:hover, html.theme-light .hover\:bg-red-900\/40:hover, html.theme-light .hover\:bg-red-900\/50:hover, html.theme-light .hover\:bg-red-900\/60:hover, html.theme-light .hover\:bg-red-900\/70:hover, html.theme-light .hover\:bg-red-950\/40:hover { background-color: #fef2f2; } html.theme-light .bg-yellow-500\/10, html.theme-light .bg-yellow-800, html.theme-light .bg-yellow-800\/20, html.theme-light .bg-yellow-800\/30, html.theme-light .bg-yellow-800\/40, html.theme-light .bg-yellow-900, html.theme-light .bg-yellow-900\/20, html.theme-light .bg-yellow-900\/30, html.theme-light .bg-yellow-900\/40, html.theme-light .hover\:bg-yellow-800\/40:hover { background-color: #fefce8; } html.theme-light .bg-rose-500\/15, html.theme-light .bg-rose-800, html.theme-light .bg-rose-800\/20, html.theme-light .bg-rose-800\/30, html.theme-light .bg-rose-800\/40, html.theme-light .bg-rose-900, html.theme-light .bg-rose-900\/10, html.theme-light .bg-rose-900\/15, html.theme-light .bg-rose-900\/20, html.theme-light .bg-rose-900\/30, html.theme-light .bg-rose-900\/40, html.theme-light .hover\:bg-rose-900:hover, html.theme-light .hover\:bg-rose-900\/50:hover, html.theme-light .hover\:bg-rose-950:hover { background-color: #fff1f2; } html.theme-light .bg-orange-500\/20, html.theme-light .bg-orange-500\/25, html.theme-light .bg-orange-800, html.theme-light .bg-orange-800\/20, html.theme-light .bg-orange-800\/30, html.theme-light .bg-orange-800\/40, html.theme-light .bg-orange-900, html.theme-light .bg-orange-900\/10, html.theme-light .bg-orange-900\/20, html.theme-light .bg-orange-900\/30, html.theme-light .bg-orange-900\/40, html.theme-light .bg-orange-900\/50, html.theme-light .hover\:bg-orange-900\/60:hover { background-color: #fff7ed; } html.theme-light .bg-amber-400\/20, html.theme-light .bg-amber-500\/10, html.theme-light .bg-amber-500\/15, html.theme-light .bg-amber-500\/20, html.theme-light .bg-amber-500\/5, html.theme-light .bg-amber-600\/20, html.theme-light .bg-amber-600\/30, html.theme-light .bg-amber-700\/30, html.theme-light .bg-amber-800, html.theme-light .bg-amber-800\/20, html.theme-light .bg-amber-800\/30, html.theme-light .bg-amber-800\/40, html.theme-light .bg-amber-800\/50, html.theme-light .bg-amber-900, html.theme-light .bg-amber-900\/10, html.theme-light .bg-amber-900\/15, html.theme-light .bg-amber-900\/20, html.theme-light .bg-amber-900\/25, html.theme-light .bg-amber-900\/30, html.theme-light .bg-amber-900\/40, html.theme-light .bg-amber-900\/5, html.theme-light .bg-amber-900\/50, html.theme-light .bg-amber-900\/60, html.theme-light .bg-amber-900\/70, html.theme-light .bg-amber-900\/80, html.theme-light .bg-amber-950\/10, html.theme-light .bg-amber-950\/20, html.theme-light .bg-amber-950\/30, html.theme-light .bg-amber-950\/40, html.theme-light .bg-amber-950\/50, html.theme-light .bg-amber-950\/60, html.theme-light .group:hover .group-hover\:bg-amber-500\/30, html.theme-light .hover\:bg-amber-500\/10:hover, html.theme-light .hover\:bg-amber-500\/20:hover, html.theme-light .hover\:bg-amber-500\/30:hover, html.theme-light .hover\:bg-amber-600\/30:hover, html.theme-light .hover\:bg-amber-700\/30:hover, html.theme-light .hover\:bg-amber-800\/40:hover, html.theme-light .hover\:bg-amber-800\/50:hover, html.theme-light .hover\:bg-amber-800\/60:hover, html.theme-light .hover\:bg-amber-900\/10:hover, html.theme-light .hover\:bg-amber-900\/20:hover, html.theme-light .hover\:bg-amber-900\/30:hover, html.theme-light .hover\:bg-amber-900\/40:hover, html.theme-light .hover\:bg-amber-900\/50:hover, html.theme-light .hover\:bg-amber-900\/60:hover { background-color: #fffbeb; } html.theme-light .bg-zinc-900, html.theme-light .bg-zinc-900\/30, html.theme-light .bg-zinc-900\/40, html.theme-light .bg-zinc-900\/50, html.theme-light .bg-zinc-900\/60, html.theme-light .bg-zinc-900\/70, html.theme-light .bg-zinc-900\/80, html.theme-light .bg-zinc-900\/90, html.theme-light .bg-zinc-900\/95, html.theme-light .bg-zinc-900\/98, html.theme-light .focus\:bg-zinc-900:focus, html.theme-light .group:hover .group-hover\:bg-zinc-900, html.theme-light .hover\:bg-zinc-900:hover, html.theme-light .hover\:bg-zinc-900\/30:hover, html.theme-light .hover\:bg-zinc-900\/40:hover, html.theme-light .hover\:bg-zinc-900\/50:hover, html.theme-light .hover\:bg-zinc-900\/60:hover { background-color: #ffffff; } html.theme-light .border-teal-700, html.theme-light .border-teal-700\/30, html.theme-light .border-teal-700\/40, html.theme-light .border-teal-800, html.theme-light .border-teal-800\/30, html.theme-light .border-teal-800\/40 { border-color: #99f6e4; } html.theme-light .border-zinc-600, html.theme-light .border-zinc-600\/30, html.theme-light .border-zinc-600\/40, html.theme-light .border-zinc-600\/60, html.theme-light .focus\:border-zinc-600:focus, html.theme-light .group:hover .group-hover\:border-zinc-600, html.theme-light .hover\:border-stone-600\/60:hover, html.theme-light .hover\:border-zinc-600:hover { border-color: #a1a1aa; } html.theme-light .border-cyan-700, html.theme-light .border-cyan-700\/30, html.theme-light .border-cyan-700\/40, html.theme-light .border-cyan-800, html.theme-light .border-cyan-800\/30, html.theme-light .border-cyan-800\/40 { border-color: #a5f3fc; } html.theme-light .border-emerald-700, html.theme-light .border-emerald-700\/20, html.theme-light .border-emerald-700\/30, html.theme-light .border-emerald-700\/40, html.theme-light .border-emerald-700\/50, html.theme-light .border-emerald-700\/60, html.theme-light .border-emerald-800, html.theme-light .border-emerald-800\/20, html.theme-light .border-emerald-800\/30, html.theme-light .border-emerald-800\/40, html.theme-light .border-emerald-800\/50, html.theme-light .border-emerald-800\/60, html.theme-light .border-emerald-900, html.theme-light .border-emerald-900\/30, html.theme-light .border-emerald-900\/40, html.theme-light .border-emerald-900\/50, html.theme-light .hover\:border-emerald-700:hover, html.theme-light .hover\:border-emerald-700\/50:hover, html.theme-light .hover\:border-emerald-800\/50:hover, html.theme-light .hover\:border-emerald-900\/50:hover, html.theme-light .hover\:border-emerald-900\/60:hover { border-color: #a7f3d0; } html.theme-light .border-sky-700, html.theme-light .border-sky-700\/30, html.theme-light .border-sky-700\/40, html.theme-light .border-sky-700\/50, html.theme-light .border-sky-800, html.theme-light .border-sky-800\/30, html.theme-light .border-sky-800\/40, html.theme-light .border-sky-800\/50, html.theme-light .border-sky-800\/60 { border-color: #bae6fd; } html.theme-light .border-green-700, html.theme-light .border-green-700\/30, html.theme-light .border-green-700\/40, html.theme-light .border-green-800, html.theme-light .border-green-800\/30, html.theme-light .border-green-800\/40 { border-color: #bbf7d0; } html.theme-light .border-blue-700, html.theme-light .border-blue-700\/20, html.theme-light .border-blue-700\/30, html.theme-light .border-blue-700\/40, html.theme-light .border-blue-700\/50, html.theme-light .border-blue-700\/60, html.theme-light .border-blue-800, html.theme-light .border-blue-800\/20, html.theme-light .border-blue-800\/30, html.theme-light .border-blue-800\/40, html.theme-light .border-blue-800\/50, html.theme-light .border-blue-800\/60, html.theme-light .border-blue-900, html.theme-light .border-blue-900\/30, html.theme-light .border-blue-900\/40, html.theme-light .border-blue-900\/60, html.theme-light .hover\:border-blue-700\/50:hover, html.theme-light .hover\:border-blue-900\/60:hover { border-color: #bfdbfe; } html.theme-light .border-indigo-700, html.theme-light .border-indigo-700\/30, html.theme-light .border-indigo-700\/40, html.theme-light .border-indigo-700\/50, html.theme-light .border-indigo-800, html.theme-light .border-indigo-800\/30, html.theme-light .border-indigo-800\/40, html.theme-light .border-indigo-800\/50, html.theme-light .hover\:border-indigo-700\/60:hover { border-color: #c7d2fe; } html.theme-light .border-zinc-700, html.theme-light .border-zinc-700\/30, html.theme-light .border-zinc-700\/40, html.theme-light .border-zinc-700\/50, html.theme-light .border-zinc-700\/60, html.theme-light .border-zinc-700\/70, html.theme-light .file\:border-zinc-700::file-selector-button, html.theme-light .focus\:border-zinc-700:focus, html.theme-light .group:hover .group-hover\:border-zinc-700, html.theme-light .hover\:border-zinc-700:hover { border-color: #d4d4d8; } html.theme-light .border-lime-700, html.theme-light .border-lime-700\/30, html.theme-light .border-lime-700\/40, html.theme-light .border-lime-800, html.theme-light .border-lime-800\/30, html.theme-light .border-lime-800\/40 { border-color: #d9f99d; } html.theme-light .border-violet-700, html.theme-light .border-violet-700\/30, html.theme-light .border-violet-700\/40, html.theme-light .border-violet-800, html.theme-light .border-violet-800\/30, html.theme-light .border-violet-800\/40, html.theme-light .hover\:border-violet-700\/40:hover { border-color: #ddd6fe; } html.theme-light .border-gray-800, html.theme-light .border-gray-900, html.theme-light .border-zinc-800, html.theme-light .border-zinc-800\/10, html.theme-light .border-zinc-800\/20, html.theme-light .border-zinc-800\/30, html.theme-light .border-zinc-800\/40, html.theme-light .border-zinc-800\/50, html.theme-light .border-zinc-800\/60, html.theme-light .border-zinc-800\/70, html.theme-light .border-zinc-800\/80, html.theme-light .border-zinc-900, html.theme-light .border-zinc-900\/60, html.theme-light .border-zinc-950, html.theme-light .divide-zinc-800 > :not([hidden]) ~ :not([hidden]), html.theme-light .divide-zinc-800\/30 > :not([hidden]) ~ :not([hidden]), html.theme-light .divide-zinc-800\/40 > :not([hidden]) ~ :not([hidden]), html.theme-light .divide-zinc-800\/50 > :not([hidden]) ~ :not([hidden]), html.theme-light .divide-zinc-800\/60 > :not([hidden]) ~ :not([hidden]), html.theme-light .divide-zinc-800\/70 > :not([hidden]) ~ :not([hidden]), html.theme-light .focus\:border-zinc-800:focus, html.theme-light .focus\:border-zinc-900:focus, html.theme-light .focus\:border-zinc-950:focus, html.theme-light .group:hover .group-hover\:border-zinc-800, html.theme-light .group:hover .group-hover\:border-zinc-900, html.theme-light .group:hover .group-hover\:border-zinc-950, html.theme-light .hover\:border-zinc-800:hover, html.theme-light .hover\:border-zinc-900:hover, html.theme-light .hover\:border-zinc-950:hover { border-color: #e4e4e7; } html.theme-light .border-purple-700, html.theme-light .border-purple-700\/30, html.theme-light .border-purple-700\/40, html.theme-light .border-purple-800, html.theme-light .border-purple-800\/30, html.theme-light .border-purple-800\/40 { border-color: #e9d5ff; } html.theme-light .border-fuchsia-700, html.theme-light .border-fuchsia-700\/30, html.theme-light .border-fuchsia-700\/40, html.theme-light .border-fuchsia-800, html.theme-light .border-fuchsia-800\/30, html.theme-light .border-fuchsia-800\/40 { border-color: #f5d0fe; } html.theme-light .border-pink-700, html.theme-light .border-pink-700\/30, html.theme-light .border-pink-700\/40, html.theme-light .border-pink-800, html.theme-light .border-pink-800\/30, html.theme-light .border-pink-800\/40 { border-color: #fbcfe8; } html.theme-light .border-amber-700, html.theme-light .border-amber-700\/20, html.theme-light .border-amber-700\/30, html.theme-light .border-amber-700\/40, html.theme-light .border-amber-700\/50, html.theme-light .border-amber-700\/60, html.theme-light .border-amber-800, html.theme-light .border-amber-800\/20, html.theme-light .border-amber-800\/30, html.theme-light .border-amber-800\/40, html.theme-light .border-amber-800\/50, html.theme-light .border-amber-800\/60, html.theme-light .border-amber-900\/30, html.theme-light .border-amber-900\/40, html.theme-light .border-amber-900\/50, html.theme-light .border-amber-900\/60, html.theme-light .hover\:border-amber-700\/40:hover, html.theme-light .hover\:border-amber-700\/50:hover, html.theme-light .hover\:border-amber-700\/60:hover, html.theme-light .hover\:border-amber-900\/50:hover, html.theme-light .hover\:border-amber-900\/60:hover { border-color: #fde68a; } html.theme-light .border-red-700, html.theme-light .border-red-700\/30, html.theme-light .border-red-700\/40, html.theme-light .border-red-700\/50, html.theme-light .border-red-700\/60, html.theme-light .border-red-800, html.theme-light .border-red-800\/30, html.theme-light .border-red-800\/40, html.theme-light .border-red-800\/50, html.theme-light .border-red-800\/60, html.theme-light .border-red-900\/30, html.theme-light .border-red-900\/40, html.theme-light .border-red-900\/50, html.theme-light .border-red-900\/60, html.theme-light .focus\:border-red-700:focus, html.theme-light .hover\:border-red-700\/40:hover, html.theme-light .hover\:border-red-700\/50:hover, html.theme-light .hover\:border-red-700\/60:hover, html.theme-light .hover\:border-red-800:hover { border-color: #fecaca; } html.theme-light .border-rose-700, html.theme-light .border-rose-700\/30, html.theme-light .border-rose-700\/40, html.theme-light .border-rose-800, html.theme-light .border-rose-800\/20, html.theme-light .border-rose-800\/30, html.theme-light .border-rose-800\/40 { border-color: #fecdd3; } html.theme-light .border-orange-700, html.theme-light .border-orange-700\/30, html.theme-light .border-orange-700\/40, html.theme-light .border-orange-800, html.theme-light .border-orange-800\/30, html.theme-light .border-orange-800\/40, html.theme-light .border-orange-800\/50 { border-color: #fed7aa; } html.theme-light .border-yellow-700, html.theme-light .border-yellow-700\/30, html.theme-light .border-yellow-700\/40, html.theme-light .border-yellow-800, html.theme-light .border-yellow-800\/30, html.theme-light .border-yellow-800\/40, html.theme-light .hover\:border-yellow-700\/50:hover { border-color: #fef08a; } html.theme-light .group:hover .group-hover\:text-sky-500, html.theme-light .text-sky-500, html.theme-light .text-sky-600 { color: #0284c7; } html.theme-light .hover\:text-sky-200:hover, html.theme-light .hover\:text-sky-300:hover, html.theme-light .hover\:text-sky-400:hover, html.theme-light .text-sky-100, html.theme-light .text-sky-200, html.theme-light .text-sky-300, html.theme-light .text-sky-400, html.theme-light .text-sky-400\/60, html.theme-light .text-sky-400\/70, html.theme-light .text-sky-400\/80 { color: #0369a1; } html.theme-light .group:hover .group-hover\:text-emerald-300, html.theme-light .group:hover .group-hover\:text-emerald-400, html.theme-light .hover\:text-emerald-100:hover, html.theme-light .hover\:text-emerald-200:hover, html.theme-light .hover\:text-emerald-300:hover, html.theme-light .hover\:text-emerald-400:hover, html.theme-light .peer:checked ~ .peer-checked\:text-emerald-300, html.theme-light .text-emerald-100, html.theme-light .text-emerald-200, html.theme-light .text-emerald-200\/60, html.theme-light .text-emerald-300, html.theme-light .text-emerald-300\/70, html.theme-light .text-emerald-300\/80, html.theme-light .text-emerald-300\/90, html.theme-light .text-emerald-400, html.theme-light .text-emerald-400\/30, html.theme-light .text-emerald-400\/60, html.theme-light .text-emerald-400\/70, html.theme-light .text-emerald-400\/80, html.theme-light .text-emerald-400\/90 { color: #047857; } html.theme-light .text-emerald-500, html.theme-light .text-emerald-500\/30, html.theme-light .text-emerald-500\/60, html.theme-light .text-emerald-500\/70, html.theme-light .text-emerald-500\/80, html.theme-light .text-emerald-500\/90, html.theme-light .text-emerald-600, html.theme-light .text-emerald-600\/50, html.theme-light .text-emerald-600\/70, html.theme-light .text-emerald-600\/80 { color: #059669; } html.theme-light .text-cyan-500, html.theme-light .text-cyan-500\/60, html.theme-light .text-cyan-600 { color: #0891b2; } html.theme-light .text-teal-500, html.theme-light .text-teal-600 { color: #0d9488; } html.theme-light .hover\:text-cyan-300:hover, html.theme-light .text-cyan-100, html.theme-light .text-cyan-200, html.theme-light .text-cyan-300, html.theme-light .text-cyan-400, html.theme-light .text-cyan-400\/80 { color: #0e7490; } html.theme-light .hover\:text-teal-200:hover, html.theme-light .hover\:text-teal-300:hover, html.theme-light .text-teal-200, html.theme-light .text-teal-300, html.theme-light .text-teal-400, html.theme-light .text-teal-400\/70 { color: #0f766e; } html.theme-light .text-green-200, html.theme-light .text-green-300, html.theme-light .text-green-400 { color: #15803d; } html.theme-light .text-green-500, html.theme-light .text-green-600 { color: #16a34a; } html.theme-light .file\:text-zinc-100::file-selector-button, html.theme-light .focus\:text-zinc-100:focus, html.theme-light .focus\:text-zinc-50:focus, html.theme-light .group:hover .group-hover\:text-zinc-100, html.theme-light .group:hover .group-hover\:text-zinc-50, html.theme-light .hover\:text-zinc-100:hover, html.theme-light .hover\:text-zinc-50:hover, html.theme-light .text-zinc-100, html.theme-light .text-zinc-50 { color: #18181b; } html.theme-light .file\:text-blue-100::file-selector-button, html.theme-light .file\:text-blue-200::file-selector-button, html.theme-light .group:hover .group-hover\:text-blue-100, html.theme-light .group:hover .group-hover\:text-blue-300, html.theme-light .group:hover .group-hover\:text-blue-400, html.theme-light .hover\:text-blue-100:hover, html.theme-light .hover\:text-blue-200:hover, html.theme-light .hover\:text-blue-300:hover, html.theme-light .hover\:text-blue-400:hover, html.theme-light .text-blue-100, html.theme-light .text-blue-200, html.theme-light .text-blue-200\/80, html.theme-light .text-blue-300, html.theme-light .text-blue-300\/70, html.theme-light .text-blue-300\/80, html.theme-light .text-blue-400, html.theme-light .text-blue-400\/60, html.theme-light .text-blue-400\/70, html.theme-light .text-blue-400\/80 { color: #1d4ed8; } html.theme-light .text-blue-500, html.theme-light .text-blue-600 { color: #2563eb; } html.theme-light .file\:text-zinc-200::file-selector-button, html.theme-light .focus\:text-zinc-200:focus, html.theme-light .group:hover .group-hover\:text-zinc-200, html.theme-light .hover\:text-zinc-200:hover, html.theme-light .peer:checked ~ .peer-checked\:text-zinc-200, html.theme-light .text-zinc-200 { color: #27272a; } html.theme-light .file\:text-zinc-300::file-selector-button, html.theme-light .focus\:text-zinc-300:focus, html.theme-light .group:hover .group-hover\:text-zinc-300, html.theme-light .hover\:text-zinc-300:hover, html.theme-light .text-stone-300, html.theme-light .text-zinc-300 { color: #3f3f46; } html.theme-light .group:hover .group-hover\:text-indigo-300, html.theme-light .group:hover .group-hover\:text-indigo-400, html.theme-light .hover\:text-indigo-200:hover, html.theme-light .hover\:text-indigo-300:hover, html.theme-light .hover\:text-indigo-400:hover, html.theme-light .text-indigo-200, html.theme-light .text-indigo-300, html.theme-light .text-indigo-300\/60, html.theme-light .text-indigo-300\/70, html.theme-light .text-indigo-300\/80, html.theme-light .text-indigo-400, html.theme-light .text-indigo-400\/70 { color: #4338ca; } html.theme-light .text-lime-200, html.theme-light .text-lime-300, html.theme-light .text-lime-400 { color: #4d7c0f; } html.theme-light .text-indigo-500, html.theme-light .text-indigo-600 { color: #4f46e5; } html.theme-light .focus\:text-zinc-400:focus, html.theme-light .group:hover .group-hover\:text-zinc-400, html.theme-light .hover\:text-zinc-400:hover, html.theme-light .text-gray-400, html.theme-light .text-slate-400, html.theme-light .text-stone-400, html.theme-light .text-zinc-400 { color: #52525b; } html.theme-light .text-lime-500, html.theme-light .text-lime-600 { color: #65a30d; } html.theme-light .hover\:text-violet-300:hover, html.theme-light .text-violet-200, html.theme-light .text-violet-300, html.theme-light .text-violet-400, html.theme-light .text-violet-400\/80 { color: #6d28d9; } html.theme-light .disabled\:text-zinc-500:disabled, html.theme-light .disabled\:text-zinc-600:disabled, html.theme-light .focus\:text-zinc-500:focus, html.theme-light .focus\:text-zinc-600:focus, html.theme-light .group:hover .group-hover\:text-zinc-500, html.theme-light .group:hover .group-hover\:text-zinc-600, html.theme-light .hover\:text-zinc-500:hover, html.theme-light .hover\:text-zinc-600:hover, html.theme-light .placeholder-zinc-500::placeholder, html.theme-light .placeholder-zinc-600::placeholder, html.theme-light .placeholder\:text-zinc-500::placeholder, html.theme-light .placeholder\:text-zinc-600::placeholder, html.theme-light .text-gray-500, html.theme-light .text-gray-600, html.theme-light .text-zinc-500, html.theme-light .text-zinc-600 { color: #71717a; } html.theme-light .text-violet-500, html.theme-light .text-violet-600 { color: #7c3aed; } html.theme-light .text-purple-200, html.theme-light .text-purple-300, html.theme-light .text-purple-400 { color: #7e22ce; } html.theme-light .text-purple-500, html.theme-light .text-purple-600 { color: #9333ea; } html.theme-light .hover\:text-yellow-300:hover, html.theme-light .text-yellow-200, html.theme-light .text-yellow-300, html.theme-light .text-yellow-400 { color: #a16207; } html.theme-light .focus\:text-zinc-700:focus, html.theme-light .group:hover .group-hover\:text-zinc-700, html.theme-light .hover\:text-zinc-700:hover, html.theme-light .placeholder-zinc-700::placeholder, html.theme-light .placeholder\:text-zinc-700::placeholder, html.theme-light .text-gray-700, html.theme-light .text-zinc-700 { color: #a1a1aa; } html.theme-light .text-fuchsia-200, html.theme-light .text-fuchsia-300, html.theme-light .text-fuchsia-400 { color: #a21caf; } html.theme-light .file\:text-amber-200::file-selector-button, html.theme-light .group:hover .group-hover\:text-amber-300, html.theme-light .group:hover .group-hover\:text-amber-400, html.theme-light .hover\:text-amber-100:hover, html.theme-light .hover\:text-amber-200:hover, html.theme-light .hover\:text-amber-300:hover, html.theme-light .hover\:text-amber-400:hover, html.theme-light .text-amber-100, html.theme-light .text-amber-100\/80, html.theme-light .text-amber-100\/90, html.theme-light .text-amber-200, html.theme-light .text-amber-200\/60, html.theme-light .text-amber-200\/70, html.theme-light .text-amber-200\/85, html.theme-light .text-amber-200\/90, html.theme-light .text-amber-300, html.theme-light .text-amber-300\/60, html.theme-light .text-amber-300\/70, html.theme-light .text-amber-300\/80, html.theme-light .text-amber-300\/90, html.theme-light .text-amber-400, html.theme-light .text-amber-400\/50, html.theme-light .text-amber-400\/60, html.theme-light .text-amber-400\/70, html.theme-light .text-amber-400\/80, html.theme-light .text-amber-400\/90 { color: #b45309; } html.theme-light .group:hover .group-hover\:text-red-400, html.theme-light .hover\:text-red-100:hover, html.theme-light .hover\:text-red-200:hover, html.theme-light .hover\:text-red-300:hover, html.theme-light .hover\:text-red-400:hover, html.theme-light .text-red-100, html.theme-light .text-red-200, html.theme-light .text-red-200\/70, html.theme-light .text-red-200\/80, html.theme-light .text-red-200\/90, html.theme-light .text-red-300, html.theme-light .text-red-300\/50, html.theme-light .text-red-300\/70, html.theme-light .text-red-300\/80, html.theme-light .text-red-300\/90, html.theme-light .text-red-400, html.theme-light .text-red-400\/40, html.theme-light .text-red-400\/50, html.theme-light .text-red-400\/60, html.theme-light .text-red-400\/70, html.theme-light .text-red-400\/80, html.theme-light .text-red-400\/90 { color: #b91c1c; } html.theme-light .hover\:text-rose-200:hover, html.theme-light .hover\:text-rose-300:hover, html.theme-light .hover\:text-rose-400:hover, html.theme-light .text-rose-200, html.theme-light .text-rose-300, html.theme-light .text-rose-400, html.theme-light .text-rose-400\/80 { color: #be123c; } html.theme-light .hover\:text-pink-400:hover, html.theme-light .text-pink-200, html.theme-light .text-pink-300, html.theme-light .text-pink-400 { color: #be185d; } html.theme-light .text-fuchsia-500, html.theme-light .text-fuchsia-600 { color: #c026d3; } html.theme-light .hover\:text-orange-300:hover, html.theme-light .hover\:text-orange-400:hover, html.theme-light .text-orange-200, html.theme-light .text-orange-300, html.theme-light .text-orange-300\/60, html.theme-light .text-orange-300\/70, html.theme-light .text-orange-300\/80, html.theme-light .text-orange-400 { color: #c2410c; } html.theme-light .text-yellow-500, html.theme-light .text-yellow-600 { color: #ca8a04; } html.theme-light .text-amber-500, html.theme-light .text-amber-500\/50, html.theme-light .text-amber-500\/60, html.theme-light .text-amber-500\/70, html.theme-light .text-amber-500\/80, html.theme-light .text-amber-500\/90, html.theme-light .text-amber-600, html.theme-light .text-amber-600\/70, html.theme-light .text-amber-600\/80 { color: #d97706; } html.theme-light .text-pink-500, html.theme-light .text-pink-600 { color: #db2777; } html.theme-light .text-red-500, html.theme-light .text-red-500\/40, html.theme-light .text-red-500\/50, html.theme-light .text-red-500\/70, html.theme-light .text-red-600 { color: #dc2626; } html.theme-light .text-rose-500, html.theme-light .text-rose-600 { color: #e11d48; } html.theme-light .text-orange-500, html.theme-light .text-orange-600 { color: #ea580c; } /* ── text-white flips to dark, except inside a solid coloured fill ── */ html.theme-light .text-white { color: #18181b; } html.theme-light :is(.bg-emerald-500, .bg-emerald-600, .bg-emerald-700, .bg-green-500, .bg-green-600, .bg-green-700, .bg-teal-500, .bg-teal-600, .bg-teal-700, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-sky-500, .bg-sky-600, .bg-sky-700, .bg-cyan-500, .bg-cyan-600, .bg-cyan-700, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700, .bg-violet-500, .bg-violet-600, .bg-violet-700, .bg-purple-500, .bg-purple-600, .bg-purple-700, .bg-fuchsia-500, .bg-fuchsia-600, .bg-fuchsia-700, .bg-pink-500, .bg-pink-600, .bg-pink-700, .bg-rose-500, .bg-rose-600, .bg-rose-700, .bg-red-500, .bg-red-600, .bg-red-700, .bg-orange-500, .bg-orange-600, .bg-orange-700, .bg-amber-500, .bg-amber-600, .bg-amber-700, .bg-yellow-500, .bg-yellow-600, .bg-yellow-700, .bg-lime-500, .bg-lime-600, .bg-lime-700) :is(.text-white, .text-zinc-50, .text-zinc-100, .text-zinc-200, .text-zinc-300), html.theme-light :is(.bg-emerald-500, .bg-emerald-600, .bg-emerald-700, .bg-green-500, .bg-green-600, .bg-green-700, .bg-teal-500, .bg-teal-600, .bg-teal-700, .bg-blue-500, .bg-blue-600, .bg-blue-700, .bg-sky-500, .bg-sky-600, .bg-sky-700, .bg-cyan-500, .bg-cyan-600, .bg-cyan-700, .bg-indigo-500, .bg-indigo-600, .bg-indigo-700, .bg-violet-500, .bg-violet-600, .bg-violet-700, .bg-purple-500, .bg-purple-600, .bg-purple-700, .bg-fuchsia-500, .bg-fuchsia-600, .bg-fuchsia-700, .bg-pink-500, .bg-pink-600, .bg-pink-700, .bg-rose-500, .bg-rose-600, .bg-rose-700, .bg-red-500, .bg-red-600, .bg-red-700, .bg-orange-500, .bg-orange-600, .bg-orange-700, .bg-amber-500, .bg-amber-600, .bg-amber-700, .bg-yellow-500, .bg-yellow-600, .bg-yellow-700, .bg-lime-500, .bg-lime-600, .bg-lime-700):is(.text-white, .text-zinc-50, .text-zinc-100, .text-zinc-200, .text-zinc-300) { color: #ffffff; } /* ── app chrome (mirrors the hard-coded hex in layouts/base.html) ── */ html.theme-light .card, html.theme-light .stat-card { background: #ffffff; border-color: #e4e4e7; } html.theme-light .table-row:hover { background: rgba(228, 228, 231, .6); } html.theme-light select option, html.theme-light select optgroup { background-color: #ffffff; color: #18181b; } html.theme-light input[type="date"]::-webkit-calendar-picker-indicator, html.theme-light input[type="datetime-local"]::-webkit-calendar-picker-indicator, html.theme-light input[type="time"]::-webkit-calendar-picker-indicator { filter: none; } html.theme-light .nav-dropdown-menu { background: #ffffff !important; border-color: #d4d4d8 !important; box-shadow: 0 20px 25px -5px rgba(0,0,0,.10), 0 8px 10px -6px rgba(0,0,0,.10); } html.theme-light .nav-dropdown-menu a, html.theme-light .nav-dropdown-menu button { color: #27272a; } html.theme-light .nav-dropdown-menu a:hover, html.theme-light .nav-dropdown-menu button:hover { background: #f4f4f5; color: #047857; } html.theme-light #mobile-nav-toggle { color: #27272a; border-color: #d4d4d8; } html.theme-light #mobile-nav-toggle:active { background: #f4f4f5; } html.theme-light #mobile-nav-drawer { background: #ffffff; border-top-color: #e4e4e7; } html.theme-light #mobile-nav-drawer .mnav-group { border-bottom-color: #e4e4e7; } html.theme-light #mobile-nav-drawer .mnav-group > summary { color: #18181b; } html.theme-light #mobile-nav-drawer .mnav-group > summary::after { color: #71717a; } html.theme-light #mobile-nav-drawer .mnav-group[open] > summary::after { color: #059669; } html.theme-light #mobile-nav-drawer a { color: #3f3f46; border-top-color: #e4e4e7; } html.theme-light #mobile-nav-drawer a:active { background: #f4f4f5; color: #047857; } html.theme-light #mobile-nav-drawer .mnav-section-label { color: #71717a; } html.theme-light #mobile-nav-drawer > a { color: #18181b; border-bottom-color: #e4e4e7; } html.theme-light ::-webkit-scrollbar-track { background: #f4f4f5; } html.theme-light ::-webkit-scrollbar-thumb { background: #a1a1aa; }