html[data-theme="dark"] {
    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: var(--theme-background);
    color: var(--theme-text);
}

html[data-theme="dark"] .bg-white {
    background-color: var(--theme-surface);
}

html[data-theme="dark"] .bg-gray-50 {
    background-color: var(--theme-background);
}

html[data-theme="dark"] .bg-gray-100 {
    background-color: var(--theme-slate-100);
}

html[data-theme="dark"] .text-primary,
html[data-theme="dark"] .text-primary\/80 {
    color: #93c5fd;
}

html[data-theme="dark"] .text-slate-500 {
    color: var(--theme-text-muted);
}

html[data-theme="dark"] .border-gray-200,
html[data-theme="dark"] .border-slate-300 {
    border-color: var(--theme-border);
}

html[data-theme="dark"] .bg-blue-50,
html[data-theme="dark"] .bg-blue-100 {
    background-color: #172554;
}

html[data-theme="dark"] .bg-green-50,
html[data-theme="dark"] .bg-green-100,
html[data-theme="dark"] .bg-emerald-50 {
    background-color: #064e3b;
}

html[data-theme="dark"] .bg-amber-50,
html[data-theme="dark"] .bg-amber-100 {
    background-color: #422006;
}

html[data-theme="dark"] .bg-red-50,
html[data-theme="dark"] .bg-red-100,
html[data-theme="dark"] .bg-rose-50 {
    background-color: #4c0519;
}

html[data-theme="dark"] .bg-orange-100 {
    background-color: #431407;
}

html[data-theme="dark"] .bg-violet-50 {
    background-color: #2e1065;
}

html[data-theme="dark"] .bg-sky-50 {
    background-color: #082f49;
}

html[data-theme="dark"] .from-blue-50 {
    --tw-gradient-from: #172554;
}

html[data-theme="dark"] .from-emerald-50 {
    --tw-gradient-from: #064e3b;
}

html[data-theme="dark"] .from-amber-50 {
    --tw-gradient-from: #422006;
}

html[data-theme="dark"] .from-violet-50 {
    --tw-gradient-from: #2e1065;
}

html[data-theme="dark"] .to-white {
    --tw-gradient-to: var(--theme-surface);
}

html[data-theme="dark"] .text-blue-600,
html[data-theme="dark"] .text-blue-700,
html[data-theme="dark"] .text-blue-800,
html[data-theme="dark"] .text-blue-900 {
    color: #bfdbfe;
}

html[data-theme="dark"] .text-green-700,
html[data-theme="dark"] .text-green-800,
html[data-theme="dark"] .text-green-900,
html[data-theme="dark"] .text-emerald-700,
html[data-theme="dark"] .text-emerald-800 {
    color: #a7f3d0;
}

html[data-theme="dark"] .text-amber-700,
html[data-theme="dark"] .text-amber-800,
html[data-theme="dark"] .text-amber-900 {
    color: #fcd34d;
}

html[data-theme="dark"] .text-red-700,
html[data-theme="dark"] .text-red-800,
html[data-theme="dark"] .text-rose-700,
html[data-theme="dark"] .text-rose-800 {
    color: #fda4af;
}

html[data-theme="dark"] .text-orange-700 {
    color: #fdba74;
}

html[data-theme="dark"] .text-violet-700 {
    color: #c4b5fd;
}

html[data-theme="dark"] .text-sky-700 {
    color: #7dd3fc;
}

html[data-theme="dark"] .border-blue-100,
html[data-theme="dark"] .border-blue-200 {
    border-color: #1e3a8a;
}

html[data-theme="dark"] .border-green-200,
html[data-theme="dark"] .border-emerald-100,
html[data-theme="dark"] .border-emerald-200 {
    border-color: #065f46;
}

html[data-theme="dark"] .border-amber-100,
html[data-theme="dark"] .border-amber-200 {
    border-color: #854d0e;
}

html[data-theme="dark"] .border-red-200 {
    border-color: #9f1239;
}

html[data-theme="dark"] .border-violet-100 {
    border-color: #5b21b6;
}

html[data-theme="dark"] [class~="bg-[#e8ebf0]"] {
    background-color: var(--theme-background);
}

html[data-theme="dark"] [class~="bg-[#fafafa]"] {
    background-color: var(--theme-surface);
}

html[data-theme="dark"] [class~="border-[#d5d9e1]"],
html[data-theme="dark"] [class~="border-gray-200"] {
    border-color: var(--theme-border);
}

html[data-theme="dark"] [class~="border-[#244c7a]"] {
    border-color: #60a5fa;
}

html[data-theme="dark"] [class~="text-[#10294d]"],
html[data-theme="dark"] [class~="text-[#263b57]"],
html[data-theme="dark"] [class~="text-[#34445b]"] {
    color: var(--theme-text);
}

html[data-theme="dark"] [class~="text-[#8491a6]"],
html[data-theme="dark"] [class~="text-[#405572]"] {
    color: var(--theme-text-muted);
}

html[data-theme="dark"] [class~="text-[#28558a]"],
html[data-theme="dark"] [class~="hover:text-[#10294d]"]:hover {
    color: #93c5fd;
}

html[data-theme="dark"] .signature-pad-surface {
    background-color: #fff;
}

html[data-theme="dark"] [class~="hover:bg-background"]:hover,
html[data-theme="dark"] [class~="hover:bg-slate-50"]:hover,
html[data-theme="dark"] [class~="hover:bg-slate-100"]:hover {
    background-color: #26364b;
}

html[data-theme="dark"] [class~="hover:bg-primary"]:hover,
html[data-theme="dark"] [class~="hover:bg-primary-600"]:hover {
    background-color: #24639d;
}

html[data-theme="dark"] [class~="hover:bg-section"]:hover,
html[data-theme="dark"] [class~="hover:bg-blue-50"]:hover,
html[data-theme="dark"] [class~="hover:bg-blue-100"]:hover {
    background-color: #243b68;
}

html[data-theme="dark"] [class~="hover:bg-green-600"]:hover {
    background-color: #16a34a;
}

html[data-theme="dark"] [class~="hover:bg-red-600"]:hover {
    background-color: #ef4444;
}

html[data-theme="dark"] [class~="hover:bg-red-50"]:hover,
html[data-theme="dark"] [class~="hover:bg-red-100"]:hover {
    background-color: #5b2635;
}

html[data-theme="dark"] [class~="hover:bg-danger/10"]:hover {
    background-color: rgb(248 113 113 / 18%);
}

html[data-theme="dark"] [class~="hover:bg-[#1d426f]"]:hover {
    background-color: #2b5a8b;
}

html[data-theme="dark"] [class~="hover:bg-white/10"]:hover {
    background-color: rgb(255 255 255 / 18%);
}