/* Auto-generated dark-variant shim.
   The committed Tailwind build only compiled 39 of the 186 dark: utilities
   these views use, so most dark: classes silently emitted nothing - including
   dark:text-white, which left slate-900 text on a slate-900 panel (1:1,
   invisible). Each rule below resolves the utility against the palette
   variables Tailwind DOES emit, so values match the design system exactly.
   Regenerate with scratchpad/gen_dark_shim.py after any CSS rebuild;
   delete this file once the real Tailwind build includes these variants. */
html.dark .dark\:bg-amber-900\/10{background-color:color-mix(in oklab, var(--color-amber-900) 10%, transparent)}
html.dark .dark\:bg-amber-900\/15{background-color:color-mix(in oklab, var(--color-amber-900) 15%, transparent)}
html.dark .dark\:bg-amber-900\/30{background-color:color-mix(in oklab, var(--color-amber-900) 30%, transparent)}
html.dark .dark\:bg-amber-900\/60{background-color:color-mix(in oklab, var(--color-amber-900) 60%, transparent)}
html.dark .dark\:bg-blue-600{background-color:var(--color-blue-600)}
html.dark .dark\:bg-blue-900\/10{background-color:color-mix(in oklab, var(--color-blue-900) 10%, transparent)}
html.dark .dark\:bg-blue-900\/15{background-color:color-mix(in oklab, var(--color-blue-900) 15%, transparent)}
html.dark .dark\:bg-blue-900\/30{background-color:color-mix(in oklab, var(--color-blue-900) 30%, transparent)}
html.dark .dark\:bg-blue-900\/60{background-color:color-mix(in oklab, var(--color-blue-900) 60%, transparent)}
html.dark .dark\:bg-emerald-800{background-color:var(--color-emerald-800)}
html.dark .dark\:bg-emerald-900\/15{background-color:color-mix(in oklab, var(--color-emerald-900) 15%, transparent)}
html.dark .dark\:bg-emerald-900\/30{background-color:color-mix(in oklab, var(--color-emerald-900) 30%, transparent)}
html.dark .dark\:bg-emerald-900\/60{background-color:color-mix(in oklab, var(--color-emerald-900) 60%, transparent)}
html.dark .dark\:bg-indigo-900\/20{background-color:color-mix(in oklab, var(--color-indigo-900) 20%, transparent)}
html.dark .dark\:bg-indigo-900\/30{background-color:color-mix(in oklab, var(--color-indigo-900) 30%, transparent)}
html.dark .dark\:bg-purple-900\/30{background-color:color-mix(in oklab, var(--color-purple-900) 30%, transparent)}
html.dark .dark\:bg-red-800{background-color:var(--color-red-800)}
html.dark .dark\:bg-rose-900\/15{background-color:color-mix(in oklab, var(--color-rose-900) 15%, transparent)}
html.dark .dark\:bg-rose-900\/60{background-color:color-mix(in oklab, var(--color-rose-900) 60%, transparent)}
html.dark .dark\:bg-sky-900\/20{background-color:color-mix(in oklab, var(--color-sky-900) 20%, transparent)}
html.dark .dark\:bg-sky-900\/30{background-color:color-mix(in oklab, var(--color-sky-900) 30%, transparent)}
html.dark .dark\:bg-slate-400{background-color:var(--color-slate-400)}
html.dark .dark\:bg-slate-500{background-color:var(--color-slate-500)}
html.dark .dark\:bg-slate-600{background-color:var(--color-slate-600)}
html.dark .dark\:bg-slate-700\/40{background-color:color-mix(in oklab, var(--color-slate-700) 40%, transparent)}
html.dark .dark\:bg-slate-700\/50{background-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}
html.dark .dark\:bg-slate-800\/30{background-color:color-mix(in oklab, var(--color-slate-800) 30%, transparent)}
html.dark .dark\:bg-slate-800\/60{background-color:color-mix(in oklab, var(--color-slate-800) 60%, transparent)}
html.dark .dark\:bg-slate-800\/80{background-color:color-mix(in oklab, var(--color-slate-800) 80%, transparent)}
html.dark .dark\:bg-slate-900\/40{background-color:color-mix(in oklab, var(--color-slate-900) 40%, transparent)}
html.dark .dark\:bg-slate-900\/70{background-color:color-mix(in oklab, var(--color-slate-900) 70%, transparent)}
html.dark .dark\:bg-slate-900\/95{background-color:color-mix(in oklab, var(--color-slate-900) 95%, transparent)}
html.dark .dark\:bg-violet-900\/15{background-color:color-mix(in oklab, var(--color-violet-900) 15%, transparent)}
html.dark .dark\:bg-violet-900\/20{background-color:color-mix(in oklab, var(--color-violet-900) 20%, transparent)}
html.dark .dark\:bg-violet-900\/30{background-color:color-mix(in oklab, var(--color-violet-900) 30%, transparent)}
html.dark .dark\:bg-violet-900\/40{background-color:color-mix(in oklab, var(--color-violet-900) 40%, transparent)}
html.dark .dark\:bg-white{background-color:var(--color-white)}
html.dark .dark\:border-amber-500{border-color:var(--color-amber-500)}
html.dark .dark\:border-amber-500\/50{border-color:color-mix(in oklab, var(--color-amber-500) 50%, transparent)}
html.dark .dark\:border-amber-800\/40{border-color:color-mix(in oklab, var(--color-amber-800) 40%, transparent)}
html.dark .dark\:border-amber-800\/50{border-color:color-mix(in oklab, var(--color-amber-800) 50%, transparent)}
html.dark .dark\:border-blue-500{border-color:var(--color-blue-500)}
html.dark .dark\:border-blue-500\/40{border-color:color-mix(in oklab, var(--color-blue-500) 40%, transparent)}
html.dark .dark\:border-blue-700{border-color:var(--color-blue-700)}
html.dark .dark\:border-blue-700\/60{border-color:color-mix(in oklab, var(--color-blue-700) 60%, transparent)}
html.dark .dark\:border-blue-800\/40{border-color:color-mix(in oklab, var(--color-blue-800) 40%, transparent)}
html.dark .dark\:border-emerald-500{border-color:var(--color-emerald-500)}
html.dark .dark\:border-emerald-700\/60{border-color:color-mix(in oklab, var(--color-emerald-700) 60%, transparent)}
html.dark .dark\:border-emerald-800\/40{border-color:color-mix(in oklab, var(--color-emerald-800) 40%, transparent)}
html.dark .dark\:border-red-700{border-color:var(--color-red-700)}
html.dark .dark\:border-red-800{border-color:var(--color-red-800)}
html.dark .dark\:border-sky-500{border-color:var(--color-sky-500)}
html.dark .dark\:border-slate-200{border-color:var(--color-slate-200)}
html.dark .dark\:border-slate-500{border-color:var(--color-slate-500)}
html.dark .dark\:border-slate-700\/50{border-color:color-mix(in oklab, var(--color-slate-700) 50%, transparent)}
html.dark .dark\:border-slate-700\/60{border-color:color-mix(in oklab, var(--color-slate-700) 60%, transparent)}
html.dark .dark\:border-violet-700{border-color:var(--color-violet-700)}
html.dark .dark\:border-violet-700\/60{border-color:color-mix(in oklab, var(--color-violet-700) 60%, transparent)}
html.dark .dark\:divide-slate-800 > :not([hidden]) ~ :not([hidden]){border-color:var(--color-slate-800)}
html.dark .dark\:text-amber-200\/90{color:color-mix(in oklab, var(--color-amber-200) 90%, transparent)}
html.dark .dark\:text-amber-400\/80{color:color-mix(in oklab, var(--color-amber-400) 80%, transparent)}
html.dark .dark\:text-blue-400\/80{color:color-mix(in oklab, var(--color-blue-400) 80%, transparent)}
html.dark .dark\:text-cyan-400{color:var(--color-cyan-400)}
html.dark .dark\:text-purple-400{color:var(--color-purple-400)}
html.dark .dark\:text-red-200{color:var(--color-red-200)}
html.dark .dark\:text-rose-400{color:var(--color-rose-400)}
html.dark .dark\:text-sky-400{color:var(--color-sky-400)}
html.dark .dark\:text-slate-100{color:var(--color-slate-100)}
html.dark .dark\:text-slate-600{color:var(--color-slate-600)}
html.dark .dark\:text-violet-400{color:var(--color-violet-400)}
html.dark .dark\:text-white{color:var(--color-white)}
html.dark .dark\:text-yellow-300{color:var(--color-yellow-300)}