/* Studio chrome is neutral; example identities use Matt's explicit mapping.
   Amore violet: the liquid-aurora hero source's teaser.css --amore-violet.
   Product identities: protocol-rn/src/theme/tokens.ts, dark PAIRS;
   wellness metrics: protocol-rn/src/lib/wellness.ts, WELLNESS_METRIC_COLOR.
   Keep these saturated source colors; do not add pale preview overrides. */
:root{
 --studio-accent:#f0f4f8;
 --studio-secondary:#c1c5ce;
 --studio-ink:#010002;
 --studio-surface:#0a0a0c;
 --studio-text:#f0f4f8;
 --studio-mid:#c1c5ce;
 --studio-muted:#959ca8;
 --method-amore:#7c5ce4;
 --method-proteneo:#3b82f6;
 --method-references:#159fb2;
 --method-handoff:#00a866;
 --proteneo-weight:#2c68d9;
 --proteneo-nutrition:#00a866;
 --proteneo-treatment:#159fb2;
 --proteneo-fitness:#c0383e;
 --proteneo-wellness:#5e30cc;
 --proteneo-procal:#cbd5e1;
 --proteneo-energy:#f59e0b;
 --proteneo-mood:#3b82f6;
 --proteneo-sleep:#8b5cf6;
}

/* Studio chrome stays neutral. Product components retain their own identities. */
.brand-spine{background:var(--studio-accent);box-shadow:none}
.case-shell,.case-header{background:var(--studio-ink)}
.case-model-frame{border-color:#ffffff24;background:var(--studio-surface)}
.case-model-title,.case-model-title>span:last-child{color:var(--studio-muted)}
.case-note-label,.case-product-link{color:var(--studio-accent)}
.case-header>button,.contact-actions a{color:var(--studio-text)}
.contact-actions a span{color:var(--studio-accent)}