/* Shared opt-in palette; no restaurant data or image changes. */
:root{--smoke-bg:#181915;--smoke-panel:#24251f;--smoke-raised:#30312a;--smoke-text:#f4f1e9;--smoke-hint:#bdb9ac;--smoke-accent:#ffb58a;--smoke-ink:#241b14}
:root[data-app-theme="smoky"]{
 --bg:var(--smoke-bg)!important;--bg2:var(--smoke-panel)!important;--bg3:var(--smoke-raised)!important;--card:var(--smoke-panel)!important;--panel:var(--smoke-panel)!important;
 --text:var(--smoke-text)!important;--text2:#d7d2c6!important;--hint:var(--smoke-hint)!important;--line:#3e4036!important;--line2:#57594e!important;
 --brand:var(--smoke-accent)!important;--brand2:#ffc9a8!important;--brand-text:var(--smoke-accent)!important;--brand-deep:#93401c!important;--brand-soft:#3b2c22!important;--brand-glow:#453026!important;
 --ok:#8bd5ad!important;--ok-text:#8bd5ad!important;--oks:#203b2d!important;--ok-soft:#203b2d!important;--warn:#f2cb85!important;--warn-text:#f2cb85!important;--warns:#40341f!important;
 --red:#ffa299!important;--reds:#442824!important;--blue:#a7c8f5!important;--blue-soft:#28384b!important;--purple:#d7b7ef!important;--purples:#3a2e45!important;--purple-soft:#3a2e45!important;
 --shadow:0 8px 24px #0003;--sh-brand:0 8px 24px #0003;--selection:#704a34!important;
 background:var(--bg);color:var(--text);scrollbar-color:#65675a var(--bg);
}
:root[data-app-theme="smoky"] body{background:var(--bg)!important;color:var(--text)}
:root[data-app-theme="smoky"] body::before,:root[data-app-theme="smoky"] .app::before{display:none}
:root[data-app-theme="smoky"] .app{background:var(--bg);border-color:var(--line);box-shadow:0 20px 64px #0004}
:root[data-app-theme="smoky"] #nav{background:#24251ff2;border-top:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
:root[data-app-theme="smoky"] #mainbtn,:root[data-app-theme="smoky"] .big,:root[data-app-theme="smoky"] .prim,:root[data-app-theme="smoky"] .btn:not(.gray):not([style*="background"]){background:var(--smoke-accent);color:var(--smoke-ink);box-shadow:0 8px 24px #0002}
:root[data-app-theme="smoky"] .ffbtn.on,:root[data-app-theme="smoky"] .dadd,:root[data-app-theme="smoky"] .dstep{background:var(--smoke-accent);color:var(--smoke-ink);border-color:transparent}
:root[data-app-theme="smoky"] .dstep button{color:var(--smoke-ink)}
:root[data-app-theme="smoky"] #pRest .dstep,:root[data-app-theme="smoky"] #pRest .dstep.on,:root[data-app-theme="smoky"] #pRest .dstep .plus{background:var(--smoke-accent);color:var(--smoke-ink)}
:root[data-app-theme="smoky"] #pRest .dstep .q{color:var(--smoke-ink)}
:root[data-app-theme="smoky"] .topinfo{background:var(--panel);color:var(--hint);border-bottom:1px solid var(--line)}
:root[data-app-theme="smoky"] .hb{background:var(--panel);color:var(--text2);border-color:var(--line)}
:root[data-app-theme="smoky"] #wiz{background:var(--bg)}
:root[data-app-theme="smoky"] .wz-toggle,:root[data-app-theme="smoky"] .wz-dish-row{background:var(--panel)}
:root[data-app-theme="smoky"] .wz-toggle.on{background:var(--oks)}
:root[data-app-theme="smoky"] .wz-color .c.on{border-color:var(--text)}
:root[data-app-theme="smoky"] .wz-top,:root[data-app-theme="smoky"] .wz-progress,:root[data-app-theme="smoky"] .wz-card,:root[data-app-theme="smoky"] .wz-fld input,:root[data-app-theme="smoky"] .wz-fld select{background:var(--panel);color:var(--text)}
:root[data-app-theme="smoky"] .tabs,:root[data-app-theme="smoky"] .top{background:var(--panel)}
:root[data-app-theme="smoky"] .hintbox,:root[data-app-theme="smoky"] .helpbox{background:var(--panel);color:var(--text2);border-color:var(--line)}
:root[data-app-theme="smoky"] .bar .b{background:var(--brand)}
:root[data-app-theme="smoky"] input,:root[data-app-theme="smoky"] textarea,:root[data-app-theme="smoky"] select{caret-color:var(--brand)}
:root[data-app-theme="smoky"] ::selection{background:var(--selection);color:var(--text)}
:root[data-app-theme="smoky"] :focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.app-theme-control{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:0;padding:8px 16px 12px;color:var(--hint);font-size:13px;font-weight:500}
.app-theme-control select{width:auto;max-width:190px;min-height:44px;margin:0;padding:8px 32px 8px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2,var(--panel));color:var(--text);font:inherit;cursor:pointer}
[data-theme-surface="owner"] .app-theme-control{background:var(--panel);border-bottom:1px solid var(--line);padding:8px 26px}
[data-app-theme] #themeBtn{display:none}
@media(prefers-reduced-transparency:reduce){:root[data-app-theme="smoky"] #nav{background:var(--panel);backdrop-filter:none}}
