:root{
  --bg-main:#FBF8F4;
  --bg-header:#F6F1EA;
  --bg-section:#F4EDE3;
  --text-main:#1E1A17;
  --text-secondary:#5A5148;
  --gold:#B79A56;
  --border-soft:#E8DED1;
}

html, body{
  background: var(--bg-main) !important;
  color: var(--text-main) !important;
}

body{
  background-image:none !important;
}

/* Header */
header, .site-header, .topbar, .navbar, nav, .nav-wrap, .header-wrap{
  background: var(--bg-header) !important;
  border-bottom: 1px solid rgba(183,154,86,0.45) !important;
  box-shadow: inset 0 -1px 0 rgba(183,154,86,0.18) !important;
}

/* fine gold divider */
header::after, .site-header::after, .navbar::after, .header-wrap::after, nav::after{
  content:"";
  display:block;
  height:1px;
  background: linear-gradient(90deg, transparent 0%, rgba(183,154,86,0.55) 18%, rgba(183,154,86,0.8) 50%, rgba(183,154,86,0.55) 82%, transparent 100%);
}

nav a, header a, .navbar a, .menu a{
  color: var(--text-main) !important;
}

nav a:hover, header a:hover, .navbar a:hover, .menu a:hover{
  color: var(--gold) !important;
}

/* Logo area slightly clearer */
.site-branding, .brand, .logo, .logo-wrap, .site-title{
  opacity: 1 !important;
}

.logo img, .site-logo img, .brand img, img[alt*="Beauty Room"], img[alt*="VS"]{
  max-height: 58px !important;
  width: auto !important;
  display:block !important;
  filter: contrast(1.08) saturate(1.02) !important;
}

/* if logo is text-based */
.site-title, .brand-text, .logo-text{
  color: var(--text-main) !important;
  letter-spacing: 0.04em !important;
}

/* Main sections */
main, .hero, .hero-section, .section, .content-section{
  background: transparent !important;
}

section:nth-of-type(even), .alt-section{
  background: var(--bg-section) !important;
}

/* Card polish */
.card, .service-card, .review-card, .price-card, .faq-card{
  background: #FFFFFF !important;
  border: 1px solid var(--border-soft) !important;
  box-shadow: 0 8px 22px rgba(31,26,23,0.05) !important;
  border-radius: 18px !important;
}

/* Buttons */
.book-now, .book-btn, .cta-primary, .btn-primary, .header .btn, .nav-cta{
  background: var(--gold) !important;
  color: var(--text-main) !important;
  border: 1px solid rgba(30,26,23,0.10) !important;
  border-radius: 999px !important;
}

.book-now:hover, .book-btn:hover, .cta-primary:hover, .btn-primary:hover, .header .btn:hover, .nav-cta:hover{
  filter: brightness(0.97);
}

hr, .divider{
  border-color: var(--border-soft) !important;
}

.hero-media, .slider, .carousel, .slide{
  background: transparent !important;
}

.hero-kicker{font-size:.9rem;letter-spacing:.08em;text-transform:none;margin:0 0 .5rem 0;color:#5A5148}
.text-link-secondary{background:transparent !important;border:none !important;box-shadow:none !important;color:#5A5148 !important;padding:.35rem 0 !important;text-decoration:underline;text-underline-offset:3px}
.text-link-secondary:hover{color:#1E1A17 !important}


.site-logo-image,
.logo img,
.site-logo img,
.brand img,
img[alt*="VS Beauty Room"]{
  display:block !important;
  height:56px !important;
  width:auto !important;
  object-fit:contain !important;
  border-radius:8px !important;
}

@media (max-width: 768px){
  .site-logo-image,
  .logo img,
  .site-logo img,
  .brand img,
  img[alt*="VS Beauty Room"]{
    height:46px !important;
  }
}