/* Dedicated visual identity — personal-trainer. Local mockup reference is documented in the activity blueprint. */
@import url('/demo-assets/demo-site-bespoke-base.css');
:root{--display:'Outfit',sans-serif;--bg:#171322;--surface:#261e35;--surface-2:color-mix(in srgb,#171322 92%,#fff);--ink:#fbf8ff;--muted:#b8aec4;--primary:#8857bf;--accent:#8857bf;--hero-ink:#171322;--radius:18px}
body{background:var(--bg)}
.site-header{border-bottom-color:color-mix(in srgb,var(--primary) 20%,var(--line))}
.hero{--hero-image:none;--hero-text:#fff}
.hero h1{font-weight:800}
.section-heading h2,.split-copy h2{font-family:var(--display)}
.btn-primary{background:var(--primary)}
.card,.menu-card,.listing-card,.person,.form-card{border-color:color-mix(in srgb,var(--primary) 18%,var(--line))}






.metric-band{background:var(--primary)}.feature-item{border-radius:6px}