:root{
  --wc-primary:#6C2BD9;
  --wc-secondary:#A855F7;
  --wc-accent:#F59E0B;
}
body{ font-family:'Inter', system-ui, sans-serif; }
.btn-primary{ background-color:var(--wc-primary); border-color:var(--wc-primary); }
.btn-primary:hover{ background-color:#5321ad; border-color:#5321ad; }
.btn-outline-primary{ color:var(--wc-primary); border-color:var(--wc-primary); }
.text-primary{ color:var(--wc-primary) !important; }
.site-nav{ background:#fff; border-bottom:1px solid #eee; }
.site-footer{ background:#F6F3FC; border-top:1px solid #eee; }
.hero{ background:linear-gradient(180deg, #F6F3FC 0%, #ffffff 100%); }
.brand-mark{ height:66px; width:auto; object-fit:contain; display:block; }

/* Full-width hero background image */
.hero-bg{
  position:relative;
  background-image:url('../hero.jpg');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  min-height:520px;
  display:flex;
  align-items:center;
}
.hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(45,19,89,0.88) 0%, rgba(45,19,89,0.72) 45%, rgba(45,19,89,0.35) 100%);
}
.hero-content{
  position:relative;
  z-index:1;
  color:#ffffff;
}
.hero-content .lead{ color:#EAE1F8; }
@media (max-width:768px){
  .hero-bg{ min-height:420px; }
  .hero-overlay{ background:linear-gradient(180deg, rgba(45,19,89,0.85) 0%, rgba(45,19,89,0.78) 100%); }
}