/* 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)}

/* website extras */
.nl a,.rm span,#bl span,.pill,.tag{border-radius:var(--r-1)!important}
.nl a.on,.nl a:hover{background:var(--c-raised)!important;color:var(--c-text)!important}
.br svg{width:auto!important;height:1.15rem!important;max-width:11rem}
.cta{border-radius:var(--r-2)!important;background:var(--c-surface)!important;border:1px solid var(--c-line)!important}
.card:hover,.btn:hover{transform:none!important}.card:hover{border-color:var(--c-brass)!important}
.ph{padding:8px;max-width:300px}.ph img{width:100%;height:auto;display:block;border:1px solid var(--c-line)}
.hero .ph{max-width:320px;justify-self:center}
.e svg{width:1.75rem;height:1.75rem;color:var(--c-brass);fill:none;stroke:currentColor;stroke-width:1.5}
.n{background:var(--c-brass)!important;color:var(--c-on-brass)!important}
.bd.ok{background:transparent!important;border:1px solid var(--c-ok);color:var(--c-ok)}.bd.beta{background:transparent!important;border:1px solid var(--c-warn);color:var(--c-warn)}.bd.soon{background:transparent!important;border:1px solid var(--c-line-strong);color:var(--c-muted)}
.tag{background:var(--c-brass)!important;color:var(--c-on-brass)!important}
.bg{border-radius:var(--r-1)!important;min-width:var(--hit);min-height:var(--hit);color:var(--c-text)}