/* Dark mode changes only semantic tokens; every component shares the same contracts. */
.theme-toggle [data-theme-icon]{display:flex;align-items:center;justify-content:center}
.theme-toggle svg{width:20px;height:20px}
html[data-theme=dark]{
 color-scheme:dark;
 --bg:#181818;--sidebar:#141414;--panel:#202020;--surface:#202020;--surface-subtle:#272727;--surface-muted:#303030;
 --line:#363636;--line-strong:#505050;--text:#ECECEC;--muted:#B0B0B0;--quiet:#B0B0B0;--disabled:#7D7D7D;
 --accent:#E5E5E5;--accent-hover:#FFFFFF;--accent-soft:#2C2C2C;--accent-line:#4A4A4A;--on-accent:#181818;
 --green:#6ED6AF;--success:#6ED6AF;--success-soft:#173B33;--success-line:#315F50;
 --warning:#E7C287;--warning-soft:#392F20;--warning-line:#6B5432;--danger:#FDA29B;--danger-soft:#3B262D;--danger-line:#71434C;
 --focus:#D0D0D0;--focus-soft:rgba(208,208,208,.15);--overlay:rgba(0,0,0,.68);--code-bg:#111111;
 --input-token:#B4B4B4;--output-token:#6E6E6E;--claude-color:#C5B8B0;--gemini-color:#B8B8B8;
 --shadow-sm:0 1px 3px rgba(0,0,0,.12);--shadow-popover:0 12px 38px rgba(0,0,0,.32);
}