:root{
    color-scheme: light;
    --wm-bg:#f8fafc;
    --wm-surface:#ffffff;
    --wm-surface-2:#f8fafc;
    --wm-surface-3:#f1f5f9;
    --wm-text:#0f172a;
    --wm-muted:#64748b;
    --wm-border:#e2e8f0;
    --wm-border-soft:#f1f5f9;
    --wm-shadow:0 10px 30px rgba(15,23,42,.08);
}
html[data-theme="dark"]{
    color-scheme: dark;
    --wm-bg:#0b1120;
    --wm-surface:#111827;
    --wm-surface-2:#0f172a;
    --wm-surface-3:#172033;
    --wm-text:#e5edf7;
    --wm-muted:#94a3b8;
    --wm-border:#273449;
    --wm-border-soft:#1f2a3a;
    --wm-shadow:0 14px 34px rgba(0,0,0,.28);
}
html[data-theme="dark"] body{
    background:#0b1120 !important;
    color:#e5edf7 !important;
}
html[data-theme="dark"] .bg-white{background-color:#111827!important}
html[data-theme="dark"] .bg-white\/5{background-color:rgba(255,255,255,.05)!important}
html[data-theme="dark"] .bg-white\/10{background-color:rgba(255,255,255,.08)!important}
html[data-theme="dark"] .bg-white\/50{background-color:rgba(17,24,39,.78)!important}
html[data-theme="dark"] .bg-white\/80{background-color:rgba(17,24,39,.88)!important}
html[data-theme="dark"] .bg-white\/90{background-color:rgba(17,24,39,.94)!important}
html[data-theme="dark"] .bg-slate-50,
html[data-theme="dark"] .bg-gray-50{background-color:#0f172a!important}
html[data-theme="dark"] .bg-slate-100,
html[data-theme="dark"] .bg-gray-100{background-color:#172033!important}
html[data-theme="dark"] .bg-slate-200,
html[data-theme="dark"] .bg-gray-200{background-color:#223049!important}
html[data-theme="dark"] .bg-slate-50\/50,
html[data-theme="dark"] .bg-slate-50\/70,
html[data-theme="dark"] .bg-slate-50\/80{background-color:rgba(15,23,42,.78)!important}
html[data-theme="dark"] .bg-indigo-50{background-color:rgba(79,70,229,.14)!important}
html[data-theme="dark"] .bg-indigo-100{background-color:rgba(79,70,229,.2)!important}
html[data-theme="dark"] .bg-blue-50,
html[data-theme="dark"] .bg-blue-100{background-color:rgba(37,99,235,.14)!important}
html[data-theme="dark"] .bg-emerald-50,
html[data-theme="dark"] .bg-emerald-100{background-color:rgba(5,150,105,.14)!important}
html[data-theme="dark"] .bg-green-50,
html[data-theme="dark"] .bg-green-100{background-color:rgba(22,163,74,.14)!important}
html[data-theme="dark"] .bg-amber-50,
html[data-theme="dark"] .bg-amber-100{background-color:rgba(217,119,6,.14)!important}
html[data-theme="dark"] .bg-orange-50,
html[data-theme="dark"] .bg-orange-100{background-color:rgba(234,88,12,.14)!important}
html[data-theme="dark"] .bg-rose-50,
html[data-theme="dark"] .bg-rose-100,
html[data-theme="dark"] .bg-red-50,
html[data-theme="dark"] .bg-red-100{background-color:rgba(225,29,72,.14)!important}
html[data-theme="dark"] .bg-cyan-50,
html[data-theme="dark"] .bg-cyan-100,
html[data-theme="dark"] .bg-sky-50,
html[data-theme="dark"] .bg-sky-100{background-color:rgba(14,165,233,.14)!important}
html[data-theme="dark"] .bg-violet-50,
html[data-theme="dark"] .bg-violet-100,
html[data-theme="dark"] .bg-purple-50,
html[data-theme="dark"] .bg-purple-100{background-color:rgba(124,58,237,.14)!important}

html[data-theme="dark"] .text-slate-950,
html[data-theme="dark"] .text-slate-900,
html[data-theme="dark"] .text-slate-800,
html[data-theme="dark"] .text-gray-900,
html[data-theme="dark"] .text-gray-800,
html[data-theme="dark"] .text-gray-700{color:#e5edf7!important}
html[data-theme="dark"] .text-slate-700,
html[data-theme="dark"] .text-slate-600,
html[data-theme="dark"] .text-gray-600{color:#cbd5e1!important}
html[data-theme="dark"] .text-slate-500,
html[data-theme="dark"] .text-gray-500{color:#94a3b8!important}
html[data-theme="dark"] .text-slate-400,
html[data-theme="dark"] .text-gray-400{color:#7f8ea3!important}
html[data-theme="dark"] .text-indigo-700,
html[data-theme="dark"] .text-indigo-600{color:#a5b4fc!important}
html[data-theme="dark"] .text-blue-700,
html[data-theme="dark"] .text-blue-600{color:#93c5fd!important}
html[data-theme="dark"] .text-emerald-700,
html[data-theme="dark"] .text-emerald-600{color:#6ee7b7!important}
html[data-theme="dark"] .text-green-700,
html[data-theme="dark"] .text-green-600{color:#86efac!important}
html[data-theme="dark"] .text-amber-800,
html[data-theme="dark"] .text-amber-700,
html[data-theme="dark"] .text-amber-600{color:#fcd34d!important}
html[data-theme="dark"] .text-rose-700,
html[data-theme="dark"] .text-rose-600,
html[data-theme="dark"] .text-red-700,
html[data-theme="dark"] .text-red-600{color:#fda4af!important}
html[data-theme="dark"] .text-sky-700,
html[data-theme="dark"] .text-sky-600,
html[data-theme="dark"] .text-cyan-700,
html[data-theme="dark"] .text-cyan-600{color:#7dd3fc!important}
html[data-theme="dark"] .text-violet-700,
html[data-theme="dark"] .text-violet-600,
html[data-theme="dark"] .text-purple-700,
html[data-theme="dark"] .text-purple-600{color:#c4b5fd!important}

html[data-theme="dark"] .border-slate-50,
html[data-theme="dark"] .border-slate-100,
html[data-theme="dark"] .border-slate-200,
html[data-theme="dark"] .border-slate-300,
html[data-theme="dark"] .border-gray-100,
html[data-theme="dark"] .border-gray-200,
html[data-theme="dark"] .border-gray-300{border-color:#273449!important}
html[data-theme="dark"] .border-indigo-100,
html[data-theme="dark"] .border-indigo-200{border-color:rgba(99,102,241,.35)!important}
html[data-theme="dark"] .border-blue-100,
html[data-theme="dark"] .border-blue-200{border-color:rgba(59,130,246,.35)!important}
html[data-theme="dark"] .border-emerald-100,
html[data-theme="dark"] .border-emerald-200{border-color:rgba(16,185,129,.35)!important}
html[data-theme="dark"] .border-amber-100,
html[data-theme="dark"] .border-amber-200{border-color:rgba(245,158,11,.35)!important}
html[data-theme="dark"] .border-rose-100,
html[data-theme="dark"] .border-rose-200,
html[data-theme="dark"] .border-red-100,
html[data-theme="dark"] .border-red-200{border-color:rgba(244,63,94,.35)!important}

html[data-theme="dark"] input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
html[data-theme="dark"] textarea,
html[data-theme="dark"] select{
    background:#0f172a!important;
    color:#e5edf7!important;
    border-color:#334155!important;
}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#64748b!important}
html[data-theme="dark"] option{background:#0f172a;color:#e5edf7}
html[data-theme="dark"] input[type="file"]{color:#cbd5e1}
html[data-theme="dark"] table{color:#dbe5f1}
html[data-theme="dark"] thead,
html[data-theme="dark"] tbody,
html[data-theme="dark"] tr{border-color:#273449!important}
html[data-theme="dark"] hr{border-color:#273449!important}

html[data-theme="dark"] .shadow-sm,
html[data-theme="dark"] .shadow,
html[data-theme="dark"] .shadow-md,
html[data-theme="dark"] .shadow-lg,
html[data-theme="dark"] .shadow-xl,
html[data-theme="dark"] .shadow-2xl{box-shadow:var(--wm-shadow)!important}

html[data-theme="dark"] .hover\:bg-slate-50:hover,
html[data-theme="dark"] .hover\:bg-gray-50:hover{background-color:#172033!important}
html[data-theme="dark"] .hover\:bg-indigo-50:hover{background-color:rgba(79,70,229,.18)!important}
html[data-theme="dark"] .hover\:bg-emerald-50:hover{background-color:rgba(5,150,105,.18)!important}
html[data-theme="dark"] .hover\:bg-rose-50:hover{background-color:rgba(225,29,72,.18)!important}

html[data-theme="dark"] .prose,
html[data-theme="dark"] .prose p,
html[data-theme="dark"] .prose li{color:#cbd5e1!important}
html[data-theme="dark"] .prose h1,
html[data-theme="dark"] .prose h2,
html[data-theme="dark"] .prose h3,
html[data-theme="dark"] .prose strong{color:#f8fafc!important}
html[data-theme="dark"] .prose a{color:#a5b4fc!important}

html[data-theme="dark"] .swal2-popup{background:#111827!important;color:#e5edf7!important}
html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-html-container{color:#e5edf7!important}
html[data-theme="dark"] .swal2-input,
html[data-theme="dark"] .swal2-textarea{background:#0f172a!important;color:#e5edf7!important;border-color:#334155!important}

html[data-theme="dark"] .wmc-card{background:#111827!important;border-color:#273449!important}
html[data-theme="dark"] .wmc-title{color:#f8fafc!important}
html[data-theme="dark"] .wmc-message{color:#cbd5e1!important}
html[data-theme="dark"] .wmc-actions{border-color:#273449!important}
html[data-theme="dark"] .wmc-cancel{background:#1e293b!important;color:#e2e8f0!important}

.warble-theme-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:12px;
    border:1px solid #e2e8f0;
    background:#fff;
    color:#475569;
    transition:.2s ease;
}
.warble-theme-toggle:hover{transform:translateY(-1px);color:#4f46e5;border-color:#c7d2fe}
html[data-theme="dark"] .warble-theme-toggle{
    background:#111827;
    border-color:#334155;
    color:#f8fafc;
}
html[data-theme="dark"] .warble-theme-toggle:hover{color:#facc15;border-color:#475569}

html[data-theme="dark"] .invoice-card{background:#111827!important}
html[data-theme="dark"] .warble-landing-light-surface{background:#111827!important}

/* Landing page: light theme can still be genuinely light */
html[data-theme="light"] body.warble-landing{
    background:#f8fafc!important;
    color:#0f172a!important;
}
html[data-theme="light"] body.warble-landing .warble-landing-panel{
    background:#fff!important;
    border-color:#e2e8f0!important;
    color:#0f172a!important;
}
html[data-theme="light"] body.warble-landing .warble-landing-muted{color:#64748b!important}
html[data-theme="light"] body.warble-landing .warble-landing-grid{
    opacity:.08!important;
    filter:invert(1);
}

@media print{
    .warble-theme-toggle,[data-warble-theme-toggle]{display:none!important}
    html[data-theme="dark"] body,
    html[data-theme="dark"] .invoice-card{
        background:#fff!important;
        color:#111827!important;
    }
    html[data-theme="dark"] .invoice-card *{
        color:#111827!important;
        border-color:#e5e7eb!important;
        box-shadow:none!important;
    }
    html[data-theme="dark"] .invoice-card .bg-slate-50,
    html[data-theme="dark"] .invoice-card .bg-slate-100{
        background:#f8fafc!important;
    }
}