:root{--accent-yellow:#FDE446}

/* Premium yellow accent: small, intentional highlights only. */
.btn:not(.secondary),.pkg-btn,.btn-primary{
  background:var(--accent-yellow)!important;
  color:#254F72!important;
}
.btn:not(.secondary):hover,.pkg-btn:hover,.btn-primary:hover{
  background:#f6dc31!important;
  color:#254F72!important;
}
.eyebrow{
  background:var(--accent-yellow)!important;
  color:#254F72!important;
}
.discount,.before-after-badge{
  background:var(--accent-yellow)!important;
  color:#254F72!important;
}
.stars{color:var(--accent-yellow)!important}
.nav-links a:hover,.links a:hover{
  color:#254F72!important;
  text-decoration-color:var(--accent-yellow);
  text-decoration-thickness:2px;
  text-underline-offset:5px;
}
.card-icon{border-bottom:3px solid var(--accent-yellow)}
.pkg-icon{border:2px solid var(--accent-yellow)}
.amenity-dot{color:#254F72!important;background:var(--accent-yellow)!important}
a[href^="/blog/"]>div:first-child{background:var(--accent-yellow)!important}
@media (prefers-reduced-motion:no-preference){
  .btn:not(.secondary),.pkg-btn,.btn-primary{transition:background-color .2s ease,color .2s ease,transform .2s ease}
}

/* Homepage legacy colors for the requested actions only. */
#about .btn.navy{background:var(--brand-petrol)!important;color:#fff!important}
#about .before-after-badge{background:rgba(255,255,255,.94)!important;color:#356b86!important;border-color:#e0ebee!important}
#offers .offer .btn.outline{background:#fff!important;color:var(--brand-petrol)!important;border-color:var(--brand-petrol)!important}
#contact .btn.gold{background:var(--brand-teal)!important;color:var(--brand-petrol)!important}