/* Homepage-only heritage palette restoration. Loaded after ux-system.css. */
:root {
  --gold: #b8912f;
  --gold-2: #caa445;
  --gold-soft: #e7d9b0;
}

body :where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline-color: var(--gold);
  box-shadow: 0 0 0 4px rgba(184, 145, 47, .18);
}

.btn.gold,
.hero .btn.gold {
  border-color: var(--gold) !important;
  background: var(--gold) !important;
  color: var(--navy-900) !important;
}

.btn.gold:hover,
.hero .btn.gold:hover {
  border-color: var(--gold-2) !important;
  background: var(--gold-2) !important;
  color: var(--navy-900) !important;
}

.nav::after {
  height: 3px !important;
  background: linear-gradient(90deg, var(--gold), var(--gold-2) 60%, var(--gold)) !important;
}

.nav .brand img { border-color: var(--gold-soft) !important; }

.nav .links a:hover,
.nav .links a.active {
  color: var(--navy-700) !important;
  border-bottom-color: var(--gold) !important;
}

.acct-btn:hover { border-color: var(--gold) !important; }

.hero .kick,
.hero h1 .g,
.hero .feat .fi {
  color: var(--gold-2) !important;
}

.hero .kick::before { background: var(--gold-2) !important; }
.hero .hero-mask::after { border-color: rgba(199, 164, 74, .4) !important; }
.hero .hero-mask {
  background: linear-gradient(90deg, rgba(10,20,54,.94) 0%, rgba(12,24,64,.82) 42%, rgba(14,28,70,.35) 72%, rgba(14,28,70,.15) 100%) !important;
}

.hero .feat .fi { border-color: rgba(199, 164, 74, .6) !important; }
.hero .hnav:hover { border-color: var(--gold) !important; background: var(--gold) !important; color: var(--navy-900) !important; }
.hero .dots button.active { background: var(--gold-2) !important; }

.shead {
  padding-left: 16px !important;
  border-left: 4px solid var(--gold) !important;
}
.shead::before { content: none !important; }
.shead .kk { color: var(--gold) !important; }

.panel .ph { border-bottom: 2px solid var(--gold) !important; }
.panel .ph .kk { color: var(--gold) !important; }
.panel.navy .ph { border-bottom-color: var(--gold-2) !important; }

.tlink:hover { border-bottom-color: var(--gold) !important; }
.tlink.light,
.panel.navy .ph .kk,
.contact .kk { color: var(--gold-2) !important; }

.edate { border-color: rgba(199, 164, 74, .5) !important; }
.edate .m { background: var(--gold-2) !important; color: var(--navy-900) !important; }
.card:hover { border-color: var(--gold) !important; }
.pcat { color: var(--gold) !important; }

.qlink:hover { border-color: var(--gold-2) !important; }
.qlink .qi { background: rgba(199, 164, 74, .14) !important; color: var(--gold-2) !important; }

.contact::before {
  background: linear-gradient(90deg, var(--gold), var(--gold-2) 60%, var(--gold)) !important;
}
.cinfo .ico,
.cmap { border-color: rgba(199, 164, 74, .5) !important; }
.cinfo .ico,
.socials a:hover { color: var(--gold-2) !important; }
.socials a:hover { border-color: var(--gold-2) !important; }

.ft .fb img { border-color: var(--gold-soft) !important; }
.ft ul a:hover,
.ft-bar .legal a:hover { color: var(--gold-2) !important; }

.totop { background: var(--gold) !important; color: var(--navy-900) !important; }
.totop:hover { background: var(--gold-2) !important; }
.modal .box { border-top-color: var(--gold) !important; }
.gal .strip img.active { border-color: var(--gold) !important; }