:root {
  --bs-primary: #b78324;
  --bs-primary-rgb: 183, 131, 36;
  --bs-primary-text-emphasis: #785214;
  --bs-primary-bg-subtle: #f7edda;
  --bs-primary-border-subtle: #e6cf9f;
  --bs-link-color: #956719;
  --bs-link-color-rgb: 149, 103, 25;
  --bs-link-hover-color: #704b10;
  --bs-link-hover-color-rgb: 112, 75, 16;
  --bs-focus-ring-color: rgba(183, 131, 36, 0.25);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b78324;
  --bs-btn-border-color: #b78324;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #966a1b;
  --bs-btn-hover-border-color: #966a1b;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #815a17;
  --bs-btn-active-border-color: #815a17;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b78324;
  --bs-btn-disabled-border-color: #b78324;
}

.sidebar-left,
.sidebar-left .sidebar-slide,
.sidebar-left #sidebar-menu {
  background: #201b15 !important;
}

.sidebar-left {
  border-right: 1px solid rgba(226, 190, 117, 0.16);
}

.sidebar-left #sidebar-menu {
  color: #ded4c4;
}

.sidebar-left #sidebar-menu ul.left-menu > li > a,
.sidebar-left #sidebar-menu ul.sub-menu li > a {
  color: #d8cbb8;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}

.sidebar-left #sidebar-menu ul.left-menu > li > a:hover,
.sidebar-left #sidebar-menu ul.left-menu > li > a:focus,
.sidebar-left #sidebar-menu ul.left-menu > li > a.active,
.sidebar-left #sidebar-menu ul.left-menu > li.mm-active > a,
.sidebar-left #sidebar-menu ul.sub-menu li > a:hover,
.sidebar-left #sidebar-menu ul.sub-menu li > a.active {
  color: #f2cb7d;
  background-color: rgba(215, 169, 79, 0.12);
}

.sidebar-left #sidebar-menu .menu-title {
  color: #a99b85;
  opacity: 1;
}

.sidebar-left #sidebar-menu ul.sub-menu {
  background: #191510 !important;
}

.sidebar-backdrop {
  background-color: rgba(17, 14, 10, 0.62);
}

#page-topbar {
  background: linear-gradient(
    135deg,
    #f0d99d 0%,
    #c59a45 48%,
    #8f641c 100%
  ) !important;
}

.navbar-logo-box .logo-dark {
  display: block !important;
}

.navbar-logo-box .logo-light {
  display: none !important;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b78324;
  --bs-btn-border-color: #986b1b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #805916;
  --bs-btn-hover-border-color: #704b10;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #755014;
  --bs-btn-active-border-color: #704b10;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b78324;
  --bs-btn-disabled-border-color: #986b1b;
  background-image: linear-gradient(
    135deg,
    #d3ad53 0%,
    #a9761d 55%,
    #755014 100%
  );
}

.btn-primary:hover,
.btn-primary:focus-visible,
.btn-primary:active {
  background-image: linear-gradient(135deg, #b88d35 0%, #805916 100%);
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #465e9d;
  --bs-btn-border-color: #3b4f87;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #354a81;
  --bs-btn-hover-border-color: #2b3d6d;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #303f70;
  --bs-btn-active-border-color: #2b3d6d;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #465e9d;
  --bs-btn-disabled-border-color: #3b4f87;
  background-image: linear-gradient(
    135deg,
    #657fc1 0%,
    #465e9d 55%,
    #303f70 100%
  );
}

.btn-info:hover,
.btn-info:focus-visible,
.btn-info:active {
  background-image: linear-gradient(135deg, #526ba9 0%, #354a81 100%);
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #a9342a;
  --bs-btn-border-color: #812019;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #701a15;
  --bs-btn-hover-border-color: #641710;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #701a15;
  --bs-btn-active-border-color: #641710;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #a9342a;
  --bs-btn-disabled-border-color: #812019;
  background-image: linear-gradient(135deg, #c94a3e 0%, #8f241d 100%);
}

.btn-danger:hover,
.btn-danger:focus-visible,
.btn-danger:active {
  background-image: linear-gradient(135deg, #a9342a 0%, #701a15 100%);
}

.form-control,
.form-select {
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease;
  border: 1px solid #80808042;
}

.form-control:focus,
.form-select:focus {
  border: 1px solid #b78324 !important;
  box-shadow: 0 0 0 0.1rem rgba(183, 131, 36, 0.22);
}

.badge.bg-primary,
.avatar-label-primary {
  background-image: linear-gradient(
    135deg,
    #e2c477 0%,
    #b78324 55%,
    #946519 100%
  );
}

.page-title-box h4 {
  color: #5a421c;
}

@media (max-width: 991.98px) {
  .sidebar-left {
    background: #201b15;
  }
}