body.theme-dark.theme-dark-brown,
body.theme-dark-brown {
    --theme-brown-primary: #8e5d3b;
    --theme-brown-primary-soft: #b37b4d;
    --theme-brown-surface: #241a15;
    --theme-brown-surface-soft: #2f221b;
    --theme-brown-card: #31231b;
    --theme-brown-border: rgba(213, 173, 129, 0.16);
    --theme-brown-text: #f6ece0;
    --theme-brown-muted: #d5bea8;
    background: #241913 !important;
    color: var(--theme-brown-text) !important;
}

body.theme-dark.theme-dark-brown #app,
body.theme-dark-brown #app,
body.theme-dark.theme-dark-brown .section,
body.theme-dark-brown .section {
    background: #241913 !important;
}

body.theme-dark.theme-dark-brown .sidebar-wrapper,
body.theme-dark-brown .sidebar-wrapper {
    background: linear-gradient(180deg, #291d17 0%, #1d1511 100%);
}

body.theme-dark.theme-dark-brown #main,
body.theme-dark-brown #main {
    background: #241913 !important;
}

body.theme-dark.theme-dark-brown #main #main-content,
body.theme-dark-brown #main #main-content,
body.theme-dark.theme-dark-brown .page-heading,
body.theme-dark-brown .page-heading {
    background: var(--theme-brown-card) !important;
}

body.theme-dark.theme-dark-brown .card,
body.theme-dark-brown .card,
body.theme-dark.theme-dark-brown .modal-content,
body.theme-dark-brown .modal-content,
body.theme-dark.theme-dark-brown .dropdown-menu,
body.theme-dark-brown .dropdown-menu {
    background: var(--theme-brown-card) !important;
    border: none !important;
    box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.22);
    border-radius: 1rem !important;
    overflow: hidden;
}

body.theme-dark.theme-dark-brown .card-header,
body.theme-dark-brown .card-header,
body.theme-dark.theme-dark-brown .card-footer,
body.theme-dark-brown .card-footer,
body.theme-dark.theme-dark-brown .list-group-item,
body.theme-dark-brown .list-group-item {
    background: #382820 !important;
    border-color: var(--theme-brown-border) !important;
    color: var(--theme-brown-text) !important;
}

body.theme-dark.theme-dark-brown .card .card-header,
body.theme-dark-brown .card .card-header,
body.theme-dark.theme-dark-brown .table,
body.theme-dark-brown .table,
body.theme-dark.theme-dark-brown .dataTable-table,
body.theme-dark-brown .dataTable-table {
    color: var(--theme-brown-text);
}

body.theme-dark.theme-dark-brown .form-control,
body.theme-dark-brown .form-control,
body.theme-dark.theme-dark-brown .form-select,
body.theme-dark-brown .form-select,
body.theme-dark.theme-dark-brown .select2-container--default .select2-selection--single,
body.theme-dark-brown .select2-container--default .select2-selection--single {
    background-color: var(--theme-brown-surface-soft) !important;
    border-color: var(--theme-brown-border) !important;
    color: var(--theme-brown-text) !important;
}

body.theme-dark.theme-dark-brown .form-control:focus,
body.theme-dark-brown .form-control:focus,
body.theme-dark.theme-dark-brown .form-select:focus,
body.theme-dark-brown .form-select:focus,
body.theme-dark.theme-dark-brown .dataTable-input:focus,
body.theme-dark-brown .dataTable-input:focus {
    background-color: #3a2b21;
    border-color: rgba(213, 173, 129, 0.4);
    box-shadow: 0 0 0 0.18rem rgba(179, 123, 77, 0.18);
    color: var(--theme-brown-text);
}

body.theme-dark.theme-dark-brown .sidebar-wrapper .menu .sidebar-link,
body.theme-dark-brown .sidebar-wrapper .menu .sidebar-link {
    color: #f2e1cf;
}

body.theme-dark.theme-dark-brown .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link,
body.theme-dark-brown .sidebar-wrapper .menu .sidebar-item.active > .sidebar-link,
body.theme-dark.theme-dark-brown .sidebar-wrapper .menu .submenu .submenu-item.active > a,
body.theme-dark-brown .sidebar-wrapper .menu .submenu .submenu-item.active > a {
    background: linear-gradient(90deg, rgba(179, 123, 77, 0.28), rgba(179, 123, 77, 0.12));
    color: #fff5e9;
}

body.theme-dark.theme-dark-brown .btn-primary,
body.theme-dark-brown .btn-primary,
body.theme-dark.theme-dark-brown .page-item.active .page-link,
body.theme-dark-brown .page-item.active .page-link {
    background-color: var(--theme-brown-primary);
    border-color: var(--theme-brown-primary);
}

body.theme-dark.theme-dark-brown .btn-outline-primary,
body.theme-dark-brown .btn-outline-primary {
    border-color: var(--theme-brown-primary-soft);
    color: var(--theme-brown-primary-soft);
}

body.theme-dark.theme-dark-brown .btn-outline-primary:hover,
body.theme-dark-brown .btn-outline-primary:hover {
    background-color: rgba(179, 123, 77, 0.18);
    border-color: var(--theme-brown-primary-soft);
    color: #fff5e9;
}

body.theme-dark.theme-dark-brown .dropdown-item,
body.theme-dark-brown .dropdown-item,
body.theme-dark.theme-dark-brown .select2-results__option,
body.theme-dark-brown .select2-results__option {
    color: var(--theme-brown-text);
}

body.theme-dark.theme-dark-brown .dropdown-item:hover,
body.theme-dark-brown .dropdown-item:hover,
body.theme-dark.theme-dark-brown .dropdown-item:focus,
body.theme-dark-brown .dropdown-item:focus,
body.theme-dark.theme-dark-brown .select2-container--default .select2-results__option--highlighted[aria-selected],
body.theme-dark-brown .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(179, 123, 77, 0.22);
    color: #fff5e9;
}

body.theme-dark.theme-dark-brown .dropdown-divider,
body.theme-dark-brown .dropdown-divider,
body.theme-dark.theme-dark-brown .table > :not(caption) > * > *,
body.theme-dark-brown .table > :not(caption) > * > * {
    border-color: rgba(213, 173, 129, 0.12);
}

body.theme-dark.theme-dark-brown .swal2-popup,
body.theme-dark-brown .swal2-popup,
body.theme-dark.theme-dark-brown .swal2-validation-message,
body.theme-dark-brown .swal2-validation-message {
    background-color: var(--theme-brown-card) !important;
    color: var(--theme-brown-text) !important;
}

body.theme-dark.theme-dark-brown .table-striped > tbody > tr:nth-of-type(odd) > *,
body.theme-dark-brown .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--theme-brown-text);
    --bs-table-accent-bg: rgba(255, 255, 255, 0.022);
}

body.theme-dark.theme-dark-brown .text-muted,
body.theme-dark-brown .text-muted,
body.theme-dark.theme-dark-brown small,
body.theme-dark-brown small {
    color: var(--theme-brown-muted) !important;
}

body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h1,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h1,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h2,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h2,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h3,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h3,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h4,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h4,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h5,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 h5,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 span,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 span,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 p,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 p,
body.theme-dark.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 a,
body.theme-dark-brown .d-flex.flex-sm-column.flex-md-row.flex-lg-row.justify-content-between.my-3 a {
    color: var(--theme-brown-text) !important;
}