/* Shared appearance tokens: keep materials and renders outside CSS theming. */
:root{color-scheme:light}
:root[data-theme="dark"]{
 color-scheme:dark;
 --theme-canvas:#191a1c;--theme-surface:#232426;--theme-subtle:#2c2c2e;
 --theme-text:#eee8e4;--theme-muted:#b8b0aa;--theme-line:#44403e;
 --theme-accent-soft:#40322c;--theme-accent-text:#dab6a2;--theme-accent-line:#826657;
 --theme-danger-text:#f2a39b;--theme-success-text:#9dd4b2;
 --primary:#b48b76;--primary-hover:#9c7460;--ring:#c69e87;
}
.theme-toggle-slot{display:inline-flex}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid var(--theme-line,#e6e1dd);border-radius:8px;background:var(--theme-surface,#fff);color:var(--theme-text,#514842);cursor:pointer}
.theme-toggle:hover{background:var(--theme-accent-soft,#f2e9e3)}
.theme-toggle:focus-visible{outline:2px solid #947363;outline-offset:3px}
:root[data-theme="dark"] #detailWin,:root[data-theme="dark"] #detailWin select{color-scheme:dark}
:root[data-theme="dark"] input,:root[data-theme="dark"] textarea{caret-color:#eee8e4}
:root[data-theme="dark"] ::selection{background:#826657;color:#fff}
:root[data-theme="dark"]{scrollbar-color:#665951 #232426}

:root[data-theme="dark"]{background:var(--theme-canvas);color:var(--theme-text)}
:root[data-theme="dark"] .brand{color:#c59d87}
:root[data-theme="dark"] .btn.pri{background:#947363;color:#fff;border-color:#947363}
:root[data-theme="dark"] #detailWin{
 --dwBg:#191a1c;--dwPanel:#232426;--dwLine:#44403e;--dwLine2:#353434;
 --dwText:#eee8e4;--dwMute:#b8b0aa;--dwField:#2c2c2e;--dwFieldLine:#514841;
 --dwBtn:#2c2c2e;--dwBtnHov:#40322c;--dwAcc:#c59d87;--dwAccSoft:#40322c;
}
:root[data-theme="dark"] #dwSvg>rect[fill="#F4F6F8"]{fill:#191a1c}
:root[data-theme="dark"] #dwSvg text{fill:#c8bdb5}
:root[data-theme="dark"] #dwSvg line[stroke="rgba(20,28,38,0.07)"]{stroke:#44403e}
:root[data-theme="dark"] #dwSvg [fill="#E4EAF0"]{fill:#35383b}
:root[data-theme="dark"] #topbar .btn{background:#232426;border-color:#44403e}
:root[data-theme="dark"] #maviProperties{--mp-border:#44403e;--mp-text:#eee8e4;--mp-muted:#b8b0aa;--mp-active:#40322c}