/* Velvet & Vine — A+B fusion from the canvas: Dark Glamour opening that
   blooms into Blush Editorial mid-page, back to plum for the close. */
:root {
  --vv-serif: 'Fraunces', Georgia, serif;
  --vv-sans: 'Karla', 'Segoe UI', sans-serif;
  --vv-pink: #d13d84;
  --vv-blush: #e8b3cf;
  --vv-ink: #4a1d33;
}
body { font-family: var(--vv-sans); }

.brand, .logo { font-family: var(--vv-serif) !important; font-style: italic; font-weight: 500; letter-spacing: 0.03em; }
.site-header nav a { font-size: 0.72rem; letter-spacing: 0.16em; text-transform: uppercase; }

h1, h2, .display, .display-sm {
  font-family: var(--vv-serif) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  text-transform: none !important;
}
h1 { font-style: italic; }
h1 em, h2 em, .display em { color: var(--vv-blush) !important; font-style: italic !important; }

.btn {
  border-radius: 999px !important;
  background: linear-gradient(120deg, var(--vv-pink), #b23572) !important;
  color: #fff !important; border: none !important;
  letter-spacing: 0.12em; text-transform: uppercase; font-size: 0.75rem; font-weight: 600;
  box-shadow: 0 8px 26px rgba(209, 61, 132, 0.35);
}
.btn-ghost, .btn.ghost {
  background: transparent !important; color: var(--vv-blush) !important;
  border: 1px solid rgba(232, 179, 207, 0.55) !important;
}

/* ── THE BLOOM: services + gallery are Blush Editorial light zones ────── */
#services, #gallery, #services + .section.alt {
  color: var(--vv-ink);
}
#services h2, #gallery h2 { color: #3c1229 !important; }
#services .muted, #gallery .muted, #services p, #gallery p { color: #96617c; }
#services .menu li, #services .price-row {
  border-color: rgba(209, 61, 132, 0.16) !important;
}
#services .price, #services .from-price, #services strong { color: var(--vv-pink); font-family: var(--vv-serif); }
#services .btn-ghost { color: var(--vv-pink) !important; border-color: rgba(209, 61, 132, 0.4) !important; }
#gallery img { border-radius: 14px; box-shadow: 0 14px 40px rgba(74, 29, 51, 0.18); }
#gallery figcaption { color: #96617c; }

/* light-zone cards float on white */
#services .card, #gallery .card {
  background: #ffffff !important; border: 1px solid rgba(209, 61, 132, 0.12) !important;
  box-shadow: 0 10px 30px rgba(74, 29, 51, 0.08) !important;
}

/* dark zones keep glamour gloss */
.hero h1 { text-shadow: 0 4px 40px rgba(232, 179, 207, 0.25); }
.final, #book { background: transparent; }

/* petals accent in light zones: soft radial dots via background layer */
#services { background-image: radial-gradient(circle at 12% 20%, rgba(232, 179, 207, 0.35) 0 4px, transparent 5px), radial-gradient(circle at 88% 60%, rgba(209, 61, 132, 0.18) 0 3px, transparent 4px), radial-gradient(circle at 70% 15%, rgba(139, 92, 246, 0.14) 0 3px, transparent 4px); }

::selection { background: var(--vv-pink); color: #fff; }
