:root {
  --brand-primary: #eaac59;
  --brand-primary-dark: #d99e4d;
  --brand-secondary: #556c57;
  --brand-secondary-dark: #475d49;
}

button.lsp-btn,
.lsp-btn {
  background: var(--brand-primary);
  border: 0;
  color: #fff;
  border-radius: 0.25rem;
}
button.lsp-btn:hover,
.lsp-btn:hover {
  border: 0;
  background: var(--brand-primary-dark);
}

.ribbon-box {
  background: var(--brand-primary);
  color: #fff;
}

.card-category .badge {
  background: var(--brand-secondary);
}

.lsp-btn.grey,
.lsp-btn.grey:hover {
  border: 1px solid var(--brand-secondary);
  background: #fff;
  color: var(--brand-secondary);
}

a.lsp-btn {
  color: #fff;
}

.add-room:hover,
.lsp-btn.grey:hover {
  background: #f5f5f5;
}

.add-room {
  background: var(--brand-secondary);
}

.add-room:hover {
  background: var(--brand-secondary-dark);
}

h1,
.room-title,
.tour-detail .title,
.card .card-title {
  color: var(--brand-secondary) !important;
}

.al-range-slider__bar {
  background: linear-gradient(90deg, #718a73, #556c57);
}

.reset-search {
  background: var(--brand-secondary);
}

.reset-search:hover {
  background: var(--brand-secondary-dark);
}