/* SALONDA skin: maps the app's legacy variables onto the brand tokens and enforces the system rules
   (one brass accent, no gradient, no glow, no blur, no shadow, square controls, 48px touch targets). */
:root,:root[data-theme="dark"],:root[data-theme="light"]{--bg:var(--c-canvas);--card:var(--c-surface);--ink:var(--c-text);--mut:var(--c-muted);--line:var(--c-line);--rose:var(--c-brass);--pink:var(--c-brass);--gold:var(--c-brass);--blush:var(--c-raised);--ok:var(--c-ok);--warn:var(--c-warn);--bad:var(--c-bad);--a:var(--c-staff-1);--b:var(--c-staff-2);--c:var(--c-staff-3)}
body{font-family:var(--f-ui)!important;background:var(--c-canvas)!important;color:var(--c-text)!important}
h1,h2,h3,h4,.sn,.br,.ln{font-family:var(--f-display)!important;font-weight:400!important;letter-spacing:0}
*,*::before,*::after{background-image:none!important;box-shadow:none!important;text-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.rg,.sn{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--c-brass)!important}
.btn{background:var(--c-brass)!important;color:var(--c-on-brass)!important;border:1px solid var(--c-brass)!important;border-radius:var(--r-1)!important;min-height:var(--hit);font-family:var(--f-ui);font-weight:500;transform:none!important}
.btn.o,.btn.g{background:transparent!important;color:var(--c-text)!important;border:1px solid var(--c-line-strong)!important}
.btn.s{min-height:var(--hit-sm)}
.chip,.tag,.pill,.b,.bd,.st2,.lg,.lg button,.tabs button,input,select,textarea{border-radius:var(--r-1)!important}
.chip{border:1px solid var(--c-line-strong)!important;background:transparent!important;color:var(--c-text)!important;min-height:var(--hit-sm)}
.chip.on,.lg button.on,.tabs button.on{background:var(--c-zellige)!important;color:var(--c-on-zellige)!important;border-color:var(--c-brass)!important}
input,select,textarea{background:var(--c-surface)!important;color:var(--c-text)!important;border:1px solid var(--c-line-strong)!important;min-height:var(--hit)}
.card,.sv,.ph,.mock,.chat,.bp,details,.lcard,.sheet{border-radius:var(--r-2)!important}
.card,.sv,.ph,.mock,.chat,.bp,details,.lcard{background:var(--c-surface)!important;border:1px solid var(--c-line)!important}
.sheet{background:var(--c-raised)!important;border:1px solid var(--c-line)!important}
.sv.on{background:var(--c-raised)!important;border-color:var(--c-brass)!important}.card.f{border-color:var(--c-brass)!important}
.sv .k{border-radius:50%!important}.sv.on .k{background:var(--c-brass)!important;color:var(--c-on-brass)!important}
nav,.bar,.lg,.hero{background:var(--c-canvas)!important}nav,.bar{border-color:var(--c-line)!important}
.ic{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:miter;flex:none}
:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}

#toast{background:var(--c-raised)!important;color:var(--c-text)!important;border:1px solid var(--c-line-strong)!important;border-radius:var(--r-1)!important;transform:translate(-50%,-160px)}#toast.on{transform:translate(-50%,0)}
.hero{background:var(--c-surface)!important;color:var(--c-text)!important;border:1px solid var(--c-line)!important;border-radius:var(--r-2)!important}
.hero h1,.hero p{color:var(--c-text)!important;opacity:1}.kp div{background:var(--c-raised)!important;border:1px solid var(--c-line)!important;border-radius:var(--r-1)!important}
.pb i{background:var(--c-brass)!important;border-radius:0!important}.pb{border-radius:0!important}
nav button.on,nav button:focus-visible{color:var(--c-brass)}

/* — Booking backdrop (v6.10, booking page only via body.bk): a soft spa photo
   fixed behind the page, veiled by a canvas wash so panels stay readable.
   background-image needs !important + the body.bk specificity to pass the
   reset on line 6 of this file. — */
body.bk::before{content:"";position:fixed;inset:0;z-index:-2;background-image:url(../bg-booking.jpg)!important;background-size:cover;background-position:center;background-repeat:no-repeat}
body.bk::after{content:"";position:fixed;inset:0;z-index:-1;background:var(--bgwash)}
body.bk .hero{background-image:linear-gradient(var(--herowash),var(--herowash)),url(../bg-booking.jpg)!important;background-size:cover!important;background-position:center!important}