:root {
  --bg: #f8f1ec;
  --surface: #fffdfa;
  --ink: #3b2430;
  --muted-ink: #6a4e58;
  --muted: #8a6d76;
  --accent: #b76e79;
  --accent-2: #c9a36a;
  --on-accent: #fff8f4;
  --line: #ead8d4;
  --radius: 1.6rem;
  --shadow: 0 20px 44px rgba(59, 36, 48, 0.08);
  --cta-bg: #3b2430;
  --cta-ink: #f8f1ec;
  --cta-muted: #e3cfd4;
  --font-display: "Bodoni Moda", Georgia, serif;
  --font-body: "Figtree", "Segoe UI", sans-serif;
}

body.theme-medspa {
  background-image:
    radial-gradient(900px 380px at 0% 0%, rgba(201, 163, 106, 0.18), transparent 55%),
    radial-gradient(700px 320px at 100% 8%, rgba(183, 110, 121, 0.16), transparent 50%),
    linear-gradient(#f8f1ec, #f8f1ec);
}

.theme-medspa .hero h1 {
  font-weight: 500;
  letter-spacing: -0.03em;
}

.theme-medspa .hero-art {
  min-height: 330px;
  border-radius: 40% 1.4rem 40% 1.4rem;
  background:
    radial-gradient(circle at 28% 30%, #f3ddd8, transparent 42%),
    radial-gradient(circle at 78% 70%, #c9a36a, transparent 46%),
    linear-gradient(165deg, #f4e4df, #b76e79);
}

.theme-medspa .card {
  border-radius: 1.5rem;
}

.theme-medspa .cta-band {
  background:
    linear-gradient(120deg, #3b2430 0%, #6a3d4a 55%, #b76e79 100%);
}

.theme-medspa .btn {
  border-radius: 999px;
}