:root {
  --indy-button-gold: #e3b85d;
  --indy-button-gold-hover: #efcc7f;
  --indy-button-ink: #07142f;
}

/* Action controls only: preserve headings, text links, and service cards. */
button:not(.gm-style button),
a[class*="inline-flex"][class*="rounded-"],
a.rounded-full[href="/faqs"],
a.btn,
a.sh-sched,
a[title="Facebook"] {
  background-color: var(--indy-button-gold) !important;
  background-image: none !important;
  color: var(--indy-button-ink) !important;
  border-color: var(--indy-button-gold) !important;
  transition: background-color .15s ease, box-shadow .15s ease;
}

button:not(.gm-style button):not(:disabled):hover,
a[class*="inline-flex"][class*="rounded-"]:hover,
a.rounded-full[href="/faqs"]:hover,
a.btn:hover,
a.sh-sched:hover,
a[title="Facebook"]:hover {
  background-color: var(--indy-button-gold-hover) !important;
  color: var(--indy-button-ink) !important;
  border-color: var(--indy-button-gold-hover) !important;
}

button:not(.gm-style button):focus-visible,
a[class*="inline-flex"][class*="rounded-"]:focus-visible,
a.rounded-full[href="/faqs"]:focus-visible,
a.btn:focus-visible,
a.sh-sched:focus-visible,
a[title="Facebook"]:focus-visible {
  outline: 2px solid var(--indy-button-ink) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #fff !important;
}

button:disabled {
  opacity: .55;
}

/* Gold call-to-action sections need contrasting navy buttons on every page. */
main section[class~="bg-[#c69b3b]"] :is(a[class*="inline-flex"], button) {
  background-color: var(--indy-button-ink) !important;
  color: #fff !important;
  border-color: var(--indy-button-ink) !important;
}

main section[class~="bg-[#c69b3b]"] :is(a[class*="inline-flex"], button):hover {
  background-color: #17355d !important;
  color: #fff !important;
  border-color: #17355d !important;
}

/* Keep the social icon in Facebook blue rather than the site button gold. */
footer a[title="Facebook"] {
  background-color: transparent !important;
  color: #0866ff !important;
  border: none !important;
}

footer a[title="Facebook"]:hover {
  background-color: transparent !important;
  color: #0866ff !important;
  border: none !important;
}

@media (prefers-reduced-motion: reduce) {
  button, a { transition: none !important; }
}