/* Keep adjacent page sections distinct while retaining the spa's quiet palette. */
main > .page-intro { background: var(--ivory); }
main > .home-hero + .intro { background: #e7f0f2; }
main > .intro + .place { background: #f1ebe2; }

/* Give the home page's Explore action a gentle blue fill against the mist section. */
.place-copy .journey-link .button-secondary {
  background: transparent;
  border-color: var(--navy);
  color: var(--navy);
}
.place-copy .journey-link .button-secondary:hover,
.place-copy .journey-link .button-secondary:focus-visible {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

/* Touchless: the two closing sections previously shared the same mist blue. */
main > .touchless-intro { background: var(--ivory); }
main > .touchless-cta { background: var(--cream); }

/* Massage and relaxation: distinguish the informational sections from the cards. */
main > .service-list + .section:not(.occasion-section) { background: var(--cream); }
main > .relaxation-hero ~ .practitioner-care { background: var(--mist); }
main > .relaxation-cta { background: var(--ivory); }

/* Membership and retreat: alternate light surfaces between feature blocks. */
main > .membership-path:not(.radiance-path) { background: #fff; }
main > #membership-details { background: var(--cream); }
main > .retreat-hero ~ section:nth-child(4) { background: var(--cream); }
main > .retreat-cta { background: var(--mist); }
main > .arrival { background: #315472; }

/* Practitioners: a warm final invitation separates the page from the footer. */
.becky-page main > .practitioner-cta { background: #e5dac8; color: var(--navy-deep); }
.becky-page .practitioner-cta .eyebrow.light { color: #526574; }
.becky-page .practitioner-cta > .wrap > p:not(.eyebrow) { color: #52616a; }
.becky-page .practitioner-cta .button-light { background: var(--navy); border-color: var(--navy); color: #fff; }
.becky-page .practitioner-cta .button-secondary-light { color: var(--navy); border-color: var(--navy); }
.becky-page .practitioner-cta .button-secondary-light:hover { background: var(--navy); color: #fff; }

/* The image endings have a narrow warm edge before the dark footer. */
main > .event-closing, main > .seward-band:last-child { border-bottom: 7px solid var(--cream); }