/* Dedicated visual identity — clinica-de-estetica-capilar. Local mockup reference is documented in the activity blueprint. */
@import url('/demo-assets/demo-site-bespoke-base.css');
:root{--display:'Manrope',sans-serif;--bg:#eff9f7;--surface:#ffffff;--surface-2:color-mix(in srgb,#eff9f7 92%,#fff);--ink:#12373a;--muted:#688385;--primary:#167b83;--accent:#167b83;--hero-ink:#eff9f7;--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))}

.hero{--hero-ink:#167b83}.section--tint{background:color-mix(in srgb,var(--primary) 8%,#fff)}.card .icon,.person small{color:var(--primary)}