:root {
  --ink: #111;
  --muted: #705f64;
  --cream: #fff7f9;
  --sand: #f8dfe6;
  --rose: #f2a9bb;
  --line: #edcbd3;
  --pink: #e87f9b;
}

body { background: var(--cream); }
.site-header { background: rgba(255, 247, 249, .94); border-bottom-color: var(--line); }
.brand img { width: 142px; height: 62px; object-fit: contain; mix-blend-mode: multiply; }
.main-nav > a:hover, .text-link:hover { color: var(--pink); }
.button-dark:hover { background: var(--pink); }
.hero { background: linear-gradient(120deg, var(--cream), #fce8ed); }
h1 i, h2 i { color: var(--pink); }
.sparkle { color: var(--pink); }
.treatments { background: var(--sand); }
.treatment-card { background: #fffafb; }
.social-band { background: var(--pink); }
.contact { background: #fff0f3; }
.form-status { color: var(--pink); }
.footer-main .brand img { filter: grayscale(1) brightness(0) invert(1); opacity: .92; }
.footer-main p { color: #f3cbd4; }
.footer-bottom { color: #c49da6; }
.progress span.active { background: var(--pink); }
.booking-option:hover, .booking-option.selected { border-color: var(--pink); }
.success .check { color: var(--pink); }

@media (max-width: 800px) {
  .brand img { width: 122px; height: 54px; }
}