:root,
[data-bs-theme=light] {
    --bs-primary: #d71920;
    --bs-primary-light: rgb(214 26 32 / 10%);
    --bs-primary-rgb: 215, 25, 32;
    --bs-primary-text-emphasis: #670b0e;
    --bs-primary-bg-subtle: #fdcfd1;
    --bs-primary-border-subtle: #fda3a6;
    --bs-brand-color: #10081F;
    --bs-component-active-bg: #d71920;
    --bs-component-hover-color: #d71920;
    --bs-component-checked-bg: #fa1f27;
    --bs-bg-brand: linear-gradient(145deg, rgba(16, 8, 31, 1) 50%, rgba(17, 24, 39, 1) 90%, rgba(17, 24, 39, 1) 100%)
}

[data-bs-theme=dark] {
    --bs-text-muted: #6a6374;
    --bs-primary-light: #1a132e;
    --bs-menu-link-color-hover: #d71920;
    --bs-menu-link-color-show: #d71920;
    --bs-menu-link-color-here: #d71920;
    --bs-menu-link-color-active: #d71920;
    --bs-light: #05030a;
    --bs-component-hover-bg: #05030a;
    --bs-symbol-label-bg: #05030a;
    --bs-menu-link-bg-color-hover: #05030a;
    --bs-menu-link-bg-color-show: #05030a;
    --bs-menu-link-bg-color-here: #05030a;
    --bs-menu-link-bg-color-active: #05030a;
    --bs-brand-color: #0b0716;
    --bs-app-bg-color: #05030a;
    --bs-body-bg: #0b0716;
    --bs-app-header-base-bg-color: #0b0716;
    --bs-scrollbar-color: #0b0716;
    --bs-app-header-minimize-bg-color: #0b0716;
    --bs-menu-dropdown-bg-color: #10081F;
    --bs-pagination-active-bg: #d71920;
    --bs-root-card-border-color: rgb(255 255 255 / 10%);
    --bs-border-color: #211934;
    --bs-border-color-translucent: rgb(255 255 255 / 10%);
}

.bg-brand {
    background: var(--bs-bg-brand);
}

.app-sidebar-logo {
    justify-content: center;
}

.form-label {
    margin-bottom: .5rem;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background: var(--bs-bg-brand);
}

[data-kt-app-layout=dark-sidebar] .bg-brand {
    background: #10081F;
    background: var(--bs-bg-brand);
}

[data-bs-theme=dark] .btn-check:active+.btn.btn-active-primary,
[data-bs-theme=dark] .btn-check:checked+.btn.btn-active-primary,
[data-bs-theme=dark] .btn.btn-active-primary.active,
.btn.btn-active-primary.show,
[data-bs-theme=dark] .btn.btn-active-primary:active:not(.btn-active),
[data-bs-theme=dark] .btn.btn-active-primary:focus:not(.btn-active),
[data-bs-theme=dark] .btn.btn-active-primary:hover:not(.btn-active),
[data-bs-theme=dark] .show>.btn.btn-active-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary);
    color: var(--bs-primary-inverse);
}

[data-bs-theme=dark] .app-sidebar .menu .menu-item .menu-link.active,
[data-bs-theme=dark] .form-control.form-control-solid,
[data-bs-theme=dark] .form-select.form-select-solid,
[data-bs-theme=dark] .btn.btn-light-secondary {
    background-color: var(--bs-app-bg-color)
}

[data-bs-theme=dark] .app-sidebar .menu .menu-item .menu-link.active,
[data-bs-theme=dark] .form-control.form-control-solid,
[data-bs-theme=dark] .form-select.form-select-solid,
[data-bs-theme=dark] .btn.btn-light-secondary {
    border-color: var(--bs-border-color-translucent);
}

[data-bs-theme=dark] .btn.btn-secondary {
    background-color: var(--bs-gray-100);
}

[data-bs-theme=dark] .btn.btn-light-primary,
[data-bs-theme=dark] .btn.btn-light-primary .svg-icon,
[data-bs-theme=dark] .btn.btn-light-primary i,
[data-bs-theme=dark] .btn.btn-light-primary.dropdown-toggle:after {
    color: #ffffff;
}