:root {
    color-scheme: light;
}

html.theme-dark {
    color-scheme: dark;
}

html.theme-dark body {
    background: #020617 !important;
    color: #e2e8f0 !important;
}

html.theme-dark .bg-white,
html.theme-dark .bg-white\/80,
html.theme-dark .bg-white\/90,
html.theme-dark .bg-white\/50,
html.theme-dark .form-card,
html.theme-dark .enter-info,
html.theme-dark .card,
html.theme-dark .m-portlet,
html.theme-dark .table,
html.theme-dark .dropdown-box,
html.theme-dark .user-container,
html.theme-dark .notification-container,
html.theme-dark .big-nav,
html.theme-dark .nav,
html.theme-dark .header,
html.theme-dark .content,
html.theme-dark .signup,
html.theme-dark .enter,
html.theme-dark .m-login__container {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

html.theme-dark .bg-slate-50,
html.theme-dark .bg-slate-100,
html.theme-dark .bg-slate-200,
html.theme-dark .bg-amber-50,
html.theme-dark .bg-emerald-50,
html.theme-dark .bg-blue-50,
html.theme-dark .bg-rose-50 {
    background-color: #111827 !important;
    color: #e2e8f0 !important;
}

html.theme-dark .text-slate-900,
html.theme-dark .text-slate-800,
html.theme-dark .text-slate-700,
html.theme-dark .text-slate-600,
html.theme-dark .text-slate-500,
html.theme-dark .text-slate-400,
html.theme-dark .form-box-title,
html.theme-dark .link-info span,
html.theme-dark .user-name,
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark h4,
html.theme-dark h5,
html.theme-dark h6,
html.theme-dark p,
html.theme-dark label,
html.theme-dark li,
html.theme-dark a {
    color: #e2e8f0 !important;
}

html.theme-dark input,
html.theme-dark select,
html.theme-dark textarea,
html.theme-dark .form-control,
html.theme-dark .custom-select {
    background-color: #111827 !important;
    color: #f8fafc !important;
    border-color: #334155 !important;
}

html.theme-dark .table th,
html.theme-dark .table td,
html.theme-dark .table thead th {
    background-color: #0f172a !important;
    color: #e2e8f0 !important;
    border-color: #1e293b !important;
}

html.theme-dark .theme-switcher,
html.theme-dark .locale-switcher,
html.theme-dark .alert,
html.theme-dark .dropdown-menu {
    background-color: #0f172a !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

.theme-switch-btn.is-active {
    background: #0f172a;
    color: #ffffff;
    border-color: transparent;
}

header .theme-switch-btn.is-active {
    background: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(15, 23, 42, 0.08) !important;
}

html.theme-dark .theme-switch-btn.is-active {
    background: #f8fafc;
    color: #0f172a !important;
}

html.theme-dark .theme-switch-btn {
    color: #cbd5e1 !important;
}

header .theme-switch-btn {
    min-width: 0;
    white-space: nowrap;
}

header .theme-switch-btn span {
    display: inline-block;
}