/* Brand UI overrides — cache-bust friendly */
:root {
  --hp-navy: #0c2340;
  --hp-teal: #1a6b7a;
  --hp-teal-light: #2d8f9e;
  --hp-accent: #3b82c4;
}

.btn-primary,
a.btn-primary,
button.btn-primary,
.btn.btn-primary,
a.btn.btn-primary,
button.btn.btn-primary,
.btn-primary:not(:disabled):not(.disabled) {
  color: #fff !important;
  background: linear-gradient(135deg, var(--hp-teal) 0%, var(--hp-navy) 100%) !important;
  background-color: var(--hp-teal) !important;
  border-color: transparent !important;
  box-shadow: 0 6px 20px rgba(12, 35, 64, 0.2) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible,
a.btn-primary:hover,
button.btn-primary:hover,
.btn.btn-primary:hover,
.btn-check:checked + .btn-primary,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background: linear-gradient(135deg, var(--hp-teal-light) 0%, var(--hp-accent) 100%) !important;
  background-color: var(--hp-teal-light) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 28px rgba(12, 35, 64, 0.28) !important;
}

.btn-primary i,
.btn-primary .fa,
.btn-primary .fas,
.btn-primary .fab,
.btn-primary svg {
  color: #fff !important;
  fill: currentColor !important;
}