:root {
  --theme-deafult: #c77931;
  --theme-secondary: #f3d7a4;
}

body[class=dark-only] {
  --theme-deafult: #c77931;
  --theme-secondary: #f3d7a4;
}

.btn-primary {
  background-color: #c77931 !important;
  border-color: #c77931 !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #a86428 !important;
  border-color: #a86428 !important;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #8b4b1d !important;
  border-color: #8b4b1d !important;
}

.btn-outline-primary {
  color: #c77931 !important;
  border-color: #c77931 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: #c77931 !important;
  border-color: #c77931 !important;
  color: #fff !important;
}

.btn-outline-primary:active,
.btn-outline-primary.active {
  background-color: #8b4b1d !important;
  border-color: #8b4b1d !important;
  color: #fff !important;
}

.bg-primary {
  background-color: #c77931 !important;
}

.text-primary {
  color: #c77931 !important;
}

.sidebar-links .sidebar-link.active,
.sidebar-links .sidebar-link.active i {
  color: #c77931;
}

.nav-pills .nav-link.active,
.page-item.active .page-link {
  background-color: #c77931;
}

.page-item.active .page-link {
  border-color: #c77931;
}

.page-link:hover {
  color: #c77931;
}

.page-link {
  color: #c77931;
}

.pagination .page-item.active .page-link {
  background-color: #c77931;
  border-color: #c77931;
}

.pagination .page-link:hover {
  color: #c77931;
}

.form-control,
.form-select {
  box-shadow: 0 3px 5px 1px rgba(199, 121, 49, 0.1) !important;
}

.form-control:focus,
.form-select:focus {
  border-color: #c77931 !important;
}