:root {
      --tlt-accent-primary: #00BFFF;
      --tlt-accent-secondary: #FF69B4;
      --tlt-bg: #f8fafc;
      --tlt-surface: #ffffff;
      --tlt-surface-muted: #f1f5f9;
      --tlt-text: #0f172a;
      --tlt-muted: #64748b;
      --tlt-border: #e2e8f0;
      color-scheme: light;
    }
    :root[data-theme="dark"] {
      --tlt-bg: #111827;
      --tlt-surface: #020617;
      --tlt-surface-muted: #1f2937;
      --tlt-text: #f3f4f6;
      --tlt-muted: #9ca3af;
      --tlt-border: #374151;
      color-scheme: dark;
    }
    [x-cloak]        { display: none !important; }
    ::-webkit-scrollbar       { width: 6px; height: 6px; }
    ::-webkit-scrollbar-track { background: transparent; }
    ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 9999px; }
    :root[data-theme="dark"] body,
    :root[data-theme="dark"] .bg-slate-50 { background-color: var(--tlt-bg) !important; }
    :root[data-theme="dark"] .bg-white { background-color: var(--tlt-surface) !important; }
    :root[data-theme="dark"] .bg-slate-50,
    :root[data-theme="dark"] .bg-gray-50,
    :root[data-theme="dark"] .bg-slate-100 { background-color: var(--tlt-surface-muted) !important; }
    :root[data-theme="dark"] .border-slate-200,
    :root[data-theme="dark"] .border-gray-200,
    :root[data-theme="dark"] .border-gray-100 { border-color: var(--tlt-border) !important; }
    :root[data-theme="dark"] .text-slate-900,
    :root[data-theme="dark"] .text-gray-900,
    :root[data-theme="dark"] .text-gray-800 { color: var(--tlt-text) !important; }
    :root[data-theme="dark"] .text-slate-700,
    :root[data-theme="dark"] .text-slate-600,
    :root[data-theme="dark"] .text-slate-500,
    :root[data-theme="dark"] .text-gray-600,
    :root[data-theme="dark"] .text-gray-500 { color: var(--tlt-muted) !important; }
    :root[data-theme="dark"] .divide-gray-100 > :not([hidden]) ~ :not([hidden]),
    :root[data-theme="dark"] .divide-slate-100 > :not([hidden]) ~ :not([hidden]) { border-color: var(--tlt-border) !important; }
    :root[data-theme="dark"] .hover\:bg-gray-50:hover,
    :root[data-theme="dark"] .hover\:bg-gray-50\/60:hover,
    :root[data-theme="dark"] .hover\:bg-slate-50:hover,
    :root[data-theme="dark"] .hover\:bg-slate-50\/70:hover,
    :root[data-theme="dark"] .hover\:bg-slate-100:hover,
    :root[data-theme="dark"] .focus-visible\:bg-red-50:focus-visible,
    :root[data-theme="dark"] .hover\:bg-red-50:hover { background-color: #1f2937 !important; }
    :root[data-theme="dark"] .hover\:bg-blue-100:hover,
    :root[data-theme="dark"] .hover\:bg-amber-100:hover,
    :root[data-theme="dark"] .hover\:bg-red-100:hover { filter: brightness(0.9); }
    :root[data-theme="dark"] input,
    :root[data-theme="dark"] select,
    :root[data-theme="dark"] textarea {
      background-color: #0f172a !important;
      border-color: var(--tlt-border) !important;
      color: var(--tlt-text) !important;
    }
    :root[data-theme="dark"] input::placeholder { color: #94a3b8 !important; }
    :root[data-theme="dark"] [role="option"][aria-selected="true"],
    :root[data-theme="dark"] [data-active],
    :root[data-theme="dark"] .bg-blue-50 {
      background-color: #0c4a6e !important;
      color: #e0f2fe !important;
    }
    :root[data-theme="dark"] .bg-fuchsia-50 {
      background-color: #701a75 !important;
      color: #fae8ff !important;
    }
    :root[data-theme="dark"] .bg-blue-50 .text-slate-900,
    :root[data-theme="dark"] .bg-blue-50 .text-slate-500 {
      color: #e0f2fe !important;
    }
    :root[data-theme="dark"] .bg-fuchsia-50 .text-slate-900,
    :root[data-theme="dark"] .bg-fuchsia-50 .text-slate-500 {
      color: #fae8ff !important;
    }
    :root[data-theme="dark"] [x-listbox\:button],
    :root[data-theme="dark"] [x-listbox\:options] {
      background-color: #0f172a !important;
      border-color: var(--tlt-border) !important;
      color: var(--tlt-text) !important;
    }
    :root[data-theme="dark"] [x-listbox\:option] {
      color: var(--tlt-text) !important;
    }
    :root[data-theme="dark"] [x-listbox\:option].bg-gray-100,
    :root[data-theme="dark"] [x-listbox\:option]:hover {
      background-color: #1f2937 !important;
      color: var(--tlt-text) !important;
    }
    :root[data-theme="dark"] [x-listbox\:button] .text-gray-800,
    :root[data-theme="dark"] [x-listbox\:button] .group-hover\:text-gray-800,
    :root[data-theme="dark"] [x-listbox\:option].text-gray-800 {
      color: var(--tlt-text) !important;
    }
    :root[data-theme="dark"] [x-listbox\:button] .text-gray-400 {
      color: #94a3b8 !important;
    }
    :root[data-theme="dark"] .bg-green-50 { background-color: #052e16 !important; color: #bbf7d0 !important; }
    :root[data-theme="dark"] .bg-red-50 { background-color: #450a0a !important; color: #fecaca !important; }
    :root[data-theme="dark"] .bg-amber-50 { background-color: #451a03 !important; color: #fde68a !important; }
    :root[data-theme="dark"] .text-white { color: #ffffff !important; }