/* Preview-only contrast hardening for the quiet-luxury homepage. */

/* Header microcopy is deliberately quiet, but still AA at its small size. */
body.cms-home-page .nav-shell > .brand[href="/"] small,
body.cms-home-page .brand small {
  color: #514b47 !important;
}

/* Footer sits on a permanently dark surface, so its brand descriptor needs
   the inverse treatment rather than inheriting the header colour. */
body.cms-home-page .brand-footer small,
body.cms-home-page .brand-footer > span:nth-child(2) > small {
  color: #d4cbc5 !important;
}

/* Secondary appointment CTAs on the normal bone/ivory canvas. */
body.cms-home-page .button-secondary.button[href$="book-appointment/"],
body.cms-home-page a.button-secondary[href$="book-appointment/"] {
  color: var(--lux2-ink) !important;
  background: transparent !important;
  border-color: rgba(21,18,16,.46) !important;
}

/* The doctor story is intentionally the one charcoal editorial brand moment.
   Its secondary CTA must therefore be the inverse of the generic light-page
   treatment above, regardless of its exact wrapper in the retained markup. */
body.cms-home-page .home-section:has(.doctor-feature) .button-secondary,
body.cms-home-page .home-section:has(.doctor-feature) a.button-secondary,
body.cms-home-page .doctor-feature .button-secondary,
body.cms-home-page .doctor-copy .button-secondary,
body.cms-home-page .doctor-copy a.button-secondary,
body.cms-home-page .home-cta .button-secondary,
body.cms-home-page .home-cta a.button-secondary {
  color: #fffdf9 !important;
  background: transparent !important;
  border-color: rgba(255,253,249,.58) !important;
}

html[data-theme="dark"] body.cms-home-page .nav-shell > .brand[href="/"] small,
html[data-theme="dark"] body.cms-home-page .brand small {
  color: #cbc2bb !important;
}

html[data-theme="dark"] body.cms-home-page .brand-footer small,
html[data-theme="dark"] body.cms-home-page .brand-footer > span:nth-child(2) > small {
  color: #d7cec8 !important;
}

html[data-theme="dark"] body.cms-home-page .button,
html[data-theme="dark"] body.cms-home-page a.button,
html[data-theme="dark"] body.cms-home-page .primary-nav .button,
html[data-theme="dark"] body.cms-home-page .location-actions .button {
  color: #fff !important;
  background: #74233d !important;
  border-color: #74233d !important;
}

html[data-theme="dark"] body.cms-home-page .button:hover,
html[data-theme="dark"] body.cms-home-page a.button:hover {
  color: #fff !important;
  background: #8a2d4a !important;
  border-color: #8a2d4a !important;
}

html[data-theme="dark"] body.cms-home-page .hero-booking-card {
  color: #f2ece4 !important;
  background: #1e1a17 !important;
  border-left-color: #b75a78 !important;
}

html[data-theme="dark"] body.cms-home-page .hero-booking-card strong,
html[data-theme="dark"] body.cms-home-page .hero-booking-card .fee {
  color: #f2ece4 !important;
}

html[data-theme="dark"] body.cms-home-page .hero-booking-card p,
html[data-theme="dark"] body.cms-home-page .hero-booking-card > p:nth-child(2) {
  color: #cfc6bf !important;
}

html[data-theme="dark"] body.cms-home-page .why-card .why-number,
html[data-theme="dark"] body.cms-home-page .concern-card::before {
  color: #cbb38d !important;
}

html[data-theme="dark"] body.cms-home-page .doctor-copy .button,
html[data-theme="dark"] body.cms-home-page .doctor-feature .button:not(.button-secondary) {
  color: #151210 !important;
  background: #fffdf9 !important;
  border-color: #fffdf9 !important;
}

html[data-theme="dark"] body.cms-home-page .home-section:has(.doctor-feature) .button-secondary,
html[data-theme="dark"] body.cms-home-page .doctor-feature .button-secondary,
html[data-theme="dark"] body.cms-home-page .doctor-copy .button-secondary,
html[data-theme="dark"] body.cms-home-page .doctor-copy a.button-secondary,
html[data-theme="dark"] body.cms-home-page .home-cta .button-secondary,
html[data-theme="dark"] body.cms-home-page .home-cta a.button-secondary {
  color: #fffdf9 !important;
  background: transparent !important;
  border-color: rgba(255,253,249,.62) !important;
}

html[data-theme="dark"] body.cms-home-page .home-cta .button:not(.button-secondary) {
  color: #53172b !important;
  background: #fffdf9 !important;
  border-color: #fffdf9 !important;
}