:root {
  --primary: #c88b18;
  --primary-rgb: 200, 139, 24;
  --primary-gradient: linear-gradient(
    135deg,
    #f7dc83 0%,
    #e3b63e 48%,
    #c88b18 100%
  );
}

.text-primary {
  color: var(--primary) !important;
}

.btn-primary,
.bg-primary {
  background: var(--primary-gradient) !important;
  border-color: var(--primary) !important;
}

.btn-primary {
  color: #382705 !important;
}

.btn-primary:hover {
  color: white !important;
}

.btn-primary:hover,
.btn-primary:focus-visible,
.bg-primary:hover {
  background: linear-gradient(
    135deg,
    #f9e49f 0%,
    #edc95c 48%,
    #d79b22 100%
  ) !important;
  border-color: #d79b22 !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
  color: #382705 !important;
  background: var(--primary-gradient) !important;
  border-color: var(--primary) !important;
}