/* Risa's October 2026 palette. Sage and gold are accents; essential text uses dark ink. */
.brand { max-width:100%; min-width:0; display:flex; align-items:center; gap:.8rem; color:var(--ink); flex-shrink:0; }
.brand-crest { --crest-size:3.5rem; position:relative; display:block; flex:0 0 var(--crest-size); width:var(--crest-size); height:var(--crest-size); overflow:hidden; border-radius:50%; background:var(--ink); }
.brand-crest img { position:absolute; width:187.5%; height:auto; max-width:none; left:-43.75%; top:-25%; }
.brand-wordmark { min-width:0; overflow-wrap:anywhere; display:block; font:500 2rem/1.12 var(--serif); letter-spacing:.16em; }
.brand .brand-wordmark small { display:block; color:inherit; margin:.25rem 0 0; font:500 .875rem/1.5 var(--sans); letter-spacing:.22em; text-align:center; }
.button:hover { background:#413D37; border-color:#413D37; color:var(--paper); }
.button.secondary:hover,.button.light:hover { background:var(--sand); color:var(--ink); border-color:var(--bronze); }
:where(a,button,input,select,textarea,summary):focus-visible { outline-color:var(--bronze); }
.website .announcement { background:var(--bronze); color:var(--paper); }
.website header { background:var(--paper); border-color:var(--line); }
.website h1 em,.website h2 em { color:var(--accent); }
.website .hero h1,.website .hero h1 em,.website .hero p,.website .hero .eyebrow { color:var(--paper); }
.website .hero::before { background:linear-gradient(90deg,#211E1Bf2 0%,#38332ddb 44%,#38332d35 100%),linear-gradient(0deg,#211E1B99,transparent); }
.website .hero-orbit { border-color:#C7A35D55; }
.website .hero-note { color:#E1D0AF; }
.website .hero h1 em,.website .stillness h2 em,.website .visit h2 em { color:#E1D0AF; }
.website .values { background:var(--paper); border-color:var(--line); color:var(--bronze); }
.website .values i { color:var(--bronze); }
.website .tabs button { color:var(--bronze); border-color:var(--line); }
.website .tabs button[aria-pressed=true] { background:var(--bronze); color:var(--paper); border-color:var(--bronze); }
.website .service-card { background:#ECE7DE; border-color:var(--line); }
/* A soft sage panel separates the three Skin Rituals services and prices from the cream page. */
.website .service-card[data-category="skin"] { background:#D9DFCE; }
.website .service-art { background:var(--sand); }
.website .stillness::before { background:#211E1Bba; }
.website .stillness::after { border-color:#C7A35D77; }
.website .stillness-mark { color:var(--gold); }
.website .story { background:#ECE6DC; }
.website .story-visual { background:var(--bronze); }
.website .story-visual > img { object-position:50% 42%; }
.website .story-plaque { background:#171717ed; border-color:#C7A35D77; }
.website .story-plaque .brand-crest { --crest-size:3rem; margin-bottom:.8rem; }
.website .story-plaque small { color:#E1D0AF; }
.website .steps article > span { background:#EAEBE3; color:var(--ink); border-color:var(--sage); }
.website .gallery-band { background:var(--sand); }
.website .journal-photo > span { background:#171717ed; color:var(--paper); }
.website .location-section { background:var(--beige); border-color:#B4AA9B; }
.website .location-map { background:var(--paper); border-color:#9F9587; box-shadow:0 1.25rem 3rem #54504A12; }
.website .booth-label { background:#EAEBE3; color:var(--ink); border-color:#90947D; }
.website .visit::after { background:#38332ded; }
.website .visit h2,.website .visit p,.website .visit .eyebrow { color:var(--paper); }
.website footer { background:var(--paper); grid-template-columns:repeat(3,minmax(0,1fr)); }
.website .brand-full { display:block; width:min(11rem,100%); height:auto; aspect-ratio:1; background:var(--ink); }
.website .brand-full img { display:block; width:100%; height:100%; object-fit:contain; }
.website .motion-toggle { border-color:var(--bronze); }
.website .motion-toggle[aria-pressed=true] { background:#EAEBE3; }
.studio-app .demo-banner { background:var(--beige); color:var(--ink); }
.studio-app aside { background:#ECE6DC; border-color:var(--line); }
.studio-app .panel,.studio-app .stat { background:var(--white); border-color:var(--line); }
.studio-app .topbar { background:var(--paper); border-color:var(--line); }
.studio-app .side-nav button { color:var(--bronze); }
.studio-app .side-nav button:hover { background:#E5DFD5; }
.studio-app .side-nav button.active { background:var(--bronze); color:var(--paper); border-color:var(--bronze); }
.studio-app .avatar { background:#E4E6DA; color:var(--ink); }
.studio-app .note { background:#EFEBE2; border-color:var(--line); color:var(--bronze); }
.studio-app .day-strip button.active,.studio-app .slots button.active { background:var(--bronze); color:var(--paper); border-color:var(--bronze); }
.studio-app input,.studio-app select,.studio-app textarea { background:var(--white); color:var(--ink); border-color:#898477; }
.studio-app .profile-tabs button.active { background:var(--bronze); color:var(--paper); border-color:var(--bronze); }
.studio-app .portal-greeting { background:var(--bronze); color:var(--paper); }
.studio-app .portal-greeting h1 em { color:#E1D0AF; }
.studio-app .portal-greeting-image { background:linear-gradient(90deg,#54504A77,transparent),url('ritual.jpg') 42% center/cover; }
.studio-app .concept-caption { background:#171717ed; color:var(--paper); }
.studio-app .mobile-nav { background:var(--paper); border-color:var(--line); }
.studio-app .mobile-nav button.active { background:var(--bronze); color:var(--paper); }
.studio-app .booking header .brand { max-width:100%; min-width:0; display:flex; }
@media(max-width:48rem) {
 .brand-crest { --crest-size:3rem; }
 .brand-wordmark { font-size:1.75rem; }
 .brand .brand-wordmark small { font-size:.8125rem; }
 .website .hero::before { background:linear-gradient(180deg,#211E1Be6,#38332ddb 65%,#38332d80); }
 .website .hero-note,.website .scroll-cue { background:#211E1Be8; }
 .website footer { grid-template-columns:minmax(0,1fr); }
 .website .brand-full { width:min(10rem,100%); height:auto; }
}

.service-detail-price { font-weight:600; color:var(--bronze); }
.service-booking-note { font-size:1rem; color:var(--muted); }
.service-booking-link { margin-top:1.5rem; }
.service-catalog-fallback { padding:1.5rem; background:var(--soft); }
.service-catalog-fallback li { margin:.6rem 0; }