html.dark body {
    background-color: #0f172a;
}

html.dark .bg-white {
    background-color: #1e293b;
}

html.dark .bg-gray-50 {
    background-color: #0f172a;
}
html.dark .bg-gray-100 {
    background-color: #273449;
}
html.dark .bg-gray-200 {
    background-color: #334155;
}

html.dark .bg-gray-50\/50 {
    background-color: rgba(30, 41, 59, 0.5);
}

html.dark .text-gray-950,
html.dark .text-gray-900 {
    color: #f1f5f9;
}
html.dark .text-gray-800,
html.dark .text-gray-700 {
    color: #e2e8f0;
}
html.dark .text-gray-600,
html.dark .text-gray-500 {
    color: #94a3b8;
}
html.dark .text-gray-400 {
    color: #64748b;
}

html.dark .border-gray-50,
html.dark .border-gray-100,
html.dark .border-gray-200,
html.dark .border-gray-300,
html.dark .border,
html.dark .border-t,
html.dark .border-b,
html.dark .border-b-2 {
    border-color: #334155;
}

html.dark .hover\:bg-gray-50:hover,
html.dark .hover\:bg-gray-100:hover,
html.dark .hover\:bg-gray-200:hover {
    background-color: #273449;
}

html.dark input,
html.dark select,
html.dark textarea {
    background-color: #1e293b;
    color: #e2e8f0;
    border-color: #334155;
}
html.dark input::placeholder,
html.dark textarea::placeholder {
    color: #64748b;
}

html.dark input[type="date"] {
    color-scheme: dark;
}

html.dark table thead tr {
    background-color: #1e293b;
}
html.dark table tr.hover\:bg-gray-50:hover {
    background-color: #273449;
}

html.dark ::-webkit-scrollbar-track {
    background: #0f172a;
}
html.dark ::-webkit-scrollbar-thumb {
    background: #334155;
}

html.dark .dropzone {
    background-color: #1e293b;
}
html.dark .dropzone.dragover {
    background-color: rgba(197, 168, 128, 0.15);
}

.theme-toggle-btn {
    color: #6b7280;
}
html.dark .theme-toggle-btn {
    color: #facc15;
}