/* All salon colors are supplied by design.js. Photographic colors stay unchanged. */
:root{--card:#fff;--selected:#f5e9ed;--gold:#9d7858;--footer:#f1e7eb}
body{background:var(--paper);color:var(--ink)}::selection{background:var(--accent);color:var(--accent-ink)}.site-header{color:var(--ink)}.brand-mark{border-color:var(--line)}.brand-mark span,.receipt-icon,.art-sparkle{color:var(--gold)}.demo-banner{background:var(--soft);border-color:var(--line);color:var(--ink)}.demo-label{border-color:var(--muted)}h1,h2,h3{color:var(--ink)}.hero-meta>i{background:var(--line)}.art-circle{background:var(--soft)}.art-caption,.art-footnote{color:var(--muted)}.step-number{border-color:var(--line)}.required{background:var(--soft);color:var(--accent)}.optional{background:var(--soft)}.choice-face{background:var(--card);border-color:var(--line)}.choice input:checked+.choice-face{background:var(--selected);border-color:var(--accent)}.radio-dot{background:var(--card);border-color:var(--muted)}.choice input:checked+.choice-face .radio-dot{background:var(--accent);border-color:var(--accent)}.receipt{background:var(--card);border-color:var(--line)}.breakdown{border-color:var(--line)}.button-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.button-secondary,.button-line{background:var(--card);color:var(--accent);border-color:var(--accent)}.button-secondary:hover,.button-line:hover{background:var(--selected)}.booking-unset{background:var(--soft)}.booking-unset strong{color:var(--ink)}.estimate-note>span{border-color:var(--muted)}.site-footer{background:var(--footer);border-color:var(--line);padding-inline:20px;border-radius:12px 12px 0 0;color:var(--muted)}.quantity-details{background:var(--card);border-color:var(--line)}.quantity-row select{border-color:var(--muted);background:var(--paper);color:var(--ink)}.manual-copy textarea{background:var(--paper);color:var(--ink)}.mobile-summary{background:var(--card);border-color:var(--line)}.mobile-summary a{background:var(--accent);color:var(--accent-ink)}.error-box{color:var(--ink);background:var(--soft);border-color:var(--accent)}.hero-photo{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:70px 12px 12px 12px;border:1px solid var(--line);background:var(--soft)}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}.menu-photo{display:block;flex:none;width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
@media(max-width:760px){.hero:has(.hero-photo:not([hidden])){gap:22px}.hero-photo{max-width:400px;margin:auto;border-radius:40px 10px 10px 10px}.menu-photo{width:48px;height:48px}.choice:has(.menu-photo) .choice-face{gap:9px}.choice:has(.menu-photo) .choice-price{font-size:20px}}
@media(max-width:360px){.menu-photo{width:42px;height:42px}.choice:has(.menu-photo) .choice-price{font-size:18px}.choice:has(.menu-photo) .choice-name{font-size:12px}.choice:has(.menu-photo) .choice-description{font-size:10px}}

.cat-logo{width:64px;height:64px;object-fit:contain;flex:none;border-radius:12px;background:white}.hero-photo{aspect-ratio:1}.hero-photo img{object-fit:contain}.salon-name{font-size:25px}@media(max-width:540px){.cat-logo{width:48px;height:48px}.salon-name{font-size:19px}.salon-tagline{letter-spacing:0;font-size:10px}.brand{max-width:100%}.header-note{display:none}}