html.dark {
    color-scheme: dark;
}

html.dark body,
html.dark .bg-slate-50,
html.dark .bg-gray-100,
html.dark .bg-gray-50 {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
}

html.dark .bg-white,
html.dark .bg-slate-50\/50,
html.dark .bg-gray-50\/50 {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
}

html.dark .bg-slate-100,
html.dark .bg-gray-100 {
    background-color: #1f2937 !important;
}

html.dark .bg-slate-800,
html.dark .bg-gray-900 {
    background-color: #020617 !important;
}

html.dark .text-slate-900,
html.dark .text-gray-900,
html.dark .text-slate-800,
html.dark .text-gray-800,
html.dark .text-gray-700,
html.dark .text-slate-700 {
    color: #f8fafc !important;
}

html.dark .text-slate-600,
html.dark .text-gray-600,
html.dark .text-slate-500,
html.dark .text-gray-500 {
    color: #cbd5e1 !important;
}

html.dark .text-slate-400,
html.dark .text-gray-400,
html.dark .text-slate-300,
html.dark .text-gray-300 {
    color: #94a3b8 !important;
}

html.dark .border-slate-50,
html.dark .border-slate-100,
html.dark .border-slate-200,
html.dark .border-slate-300,
html.dark .border-gray-50,
html.dark .border-gray-100,
html.dark .border-gray-200,
html.dark .border-gray-300 {
    border-color: #334155 !important;
}

html.dark .divide-gray-50 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
    border-color: #334155 !important;
}

html.dark input,
html.dark select,
html.dark textarea {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #f8fafc !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #64748b !important;
}

html.dark table thead tr,
html.dark .bg-emerald-50\/30,
html.dark .hover\:bg-gray-50\/50:hover,
html.dark .hover\:bg-slate-50:hover,
html.dark .hover\:bg-gray-50:hover {
    background-color: #1e293b !important;
}

html.dark .shadow-sm,
html.dark .shadow-md,
html.dark .shadow-lg,
html.dark .shadow-xl,
html.dark .shadow-2xl {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35) !important;
}

html.dark .bg-emerald-50,
html.dark .bg-emerald-100 {
    background-color: rgba(5, 150, 105, 0.18) !important;
}

html.dark .text-emerald-700,
html.dark .text-emerald-800,
html.dark .text-emerald-900 {
    color: #6ee7b7 !important;
}

html.dark .bg-red-50,
html.dark .bg-red-100 {
    background-color: rgba(220, 38, 38, 0.18) !important;
}

html.dark .bg-orange-50,
html.dark .bg-orange-100,
html.dark .bg-amber-50,
html.dark .bg-amber-100,
html.dark .bg-yellow-100 {
    background-color: rgba(245, 158, 11, 0.18) !important;
}

html.dark .bg-blue-50,
html.dark .bg-cyan-50 {
    background-color: rgba(14, 165, 233, 0.16) !important;
}

html.dark a:hover {
    color: #6ee7b7;
}

html.dark img {
    filter: brightness(0.92);
}

html.dark [data-theme-toggle] {
    border-color: rgba(255, 255, 255, 0.16) !important;
}