/* Dedicated visual identity — loja-de-suplementos. Local mockup reference is documented in the activity blueprint. */
@import url('/demo-assets/demo-site-bespoke-base.css');
:root{--display:'Space Grotesk',sans-serif;--bg:#141229;--surface:#211b3d;--surface-2:color-mix(in srgb,#141229 92%,#fff);--ink:#f8f7ff;--muted:#b3accb;--primary:#6d51c5;--accent:#6d51c5;--hero-ink:#141229;--radius:10px}
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:#141229}.category-card{border-radius:var(--radius-sm)}.menu-card img{background:#141229}