:root{--navy:#16233a;--pink:#f5aaac;--cream:#efe8df;--paper:#ffffff;--blue:#ffffff;--line:rgba(22,35,58,.35)}
header{background:var(--cream)}
main{background:linear-gradient(180deg,var(--paper) 0%,var(--cream) 100%)}
.page-hero{background:transparent}
footer{background:var(--cream);color:var(--navy);border-top:1px solid var(--line)}
.footer-top,.footer-bottom{border-color:var(--line)}
.footer-cols h3{color:var(--navy)}
.footer-top .wordmark{color:var(--navy)}
.big-type{border-color:rgba(255,255,255,.35)}
.city-links a:hover{color:var(--navy);text-decoration:underline;text-underline-offset:5px}
.dark .city-links a:hover{color:var(--pink)}
:focus-visible{outline-color:var(--navy)}
.dark :focus-visible,footer :focus-visible{outline-color:currentColor}


:root{--pink-hover:#ec8f98}
.button{transition:transform .15s,box-shadow .15s,background-color .18s ease}
@media(hover:hover){
  .button:not(.outline):not(.call-rose):not(.closing .button):hover{background-color:var(--pink-hover)}
}
.button:not(.outline):not(.call-rose):not(.closing .button):is(:focus-visible,:active){background-color:var(--pink-hover)}
@media(prefers-reduced-motion:reduce){.button{transition:none}}


:root{--navy-hover:#2a3a57}
@media(hover:hover){
  .closing .button:hover,.contact-simple .call-rose:hover,.button.outline:hover{background-color:var(--navy-hover);color:var(--paper)}
}
.closing .button:is(:focus-visible,:active),.contact-simple .call-rose:is(:focus-visible,:active),.button.outline:is(:focus-visible,:active){background-color:var(--navy-hover);color:var(--paper)}