:root {
  --border-focus: solid 1px #a87414;
  --primary-color: #c79a2b; /* Primary Gold */
  --primary-color-onhover: #a87414; /* Dark Gold for hover */
  --primary-soft: #e7c76a; /* Light Gold shine */
  --primary-soft-onhover: #e0bc56;
}

.btn-outline-primary {
  --bs-btn-color: #c79a2b;
  --bs-btn-border-color: #c79a2b;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #a87414;
  --bs-btn-hover-border-color: #a87414;
  --bs-btn-focus-shadow-rgb: 199, 154, 43;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a87414;
  --bs-btn-active-border-color: #a87414;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #c79a2b;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #c79a2b;
  --bs-gradient: linear-gradient(90deg, #c79a2b 0%, #e7c76a 50%, #a87414 100%);
}

/* Small utility classes */
.color-primary {
  color: var(--primary-color) !important;
}
.bg-primary {
  background: var(--primary-color) !important;
}
.bg-primary-soft {
  background: var(--primary-soft) !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}