/* ============================================================================
   MTS — V2 Design Tokens
   Theme: html[data-mts-theme="light" | "dark"]
   ============================================================================ */
:root, html[data-mts-theme="light"] {
  --bg:#f6f5f0; --surface:#ffffff; --surface-2:#f0eee9; --surface-3:#e9e7e0;
  --border:#e6e3dc; --border-strong:#d0ccc1;
  --text:#1a1815; --text-2:#3d3a32; --muted:#6b675e; --faint:#a8a39a;
  --accent:#2563EB; --accent-2:#1D4ED8; --accent-soft:#93C5FD; --accent-bg:#EFF6FF;
  --heat-1:#DBEAFE; --heat-5:#1E3A8A;
  --positive:#2DB55D; --positive-bg:#EFF9F2;
  --negative:#EF4743; --negative-bg:#FDE4E3;
  --info:#007AFF; --info-bg:#E5F1FF;
  --warning:#F59E0B; --warning-bg:#FEF3C7;
  --live:#EF4743;
  --shadow-sm:0 1px 2px rgba(20,18,12,.06);
  --shadow-md:0 4px 12px rgba(20,18,12,.06),0 1px 3px rgba(20,18,12,.04);
  --shadow-lg:0 20px 50px rgba(20,18,12,.12);
  color-scheme:light;
}
html[data-mts-theme="dark"] {
  --bg:#0e0f10; --surface:#17181b; --surface-2:#1d1f23; --surface-3:#25272c;
  --border:#2a2d33; --border-strong:#3a3e46;
  --text:#f5f4ef; --text-2:#c4c1b8; --muted:#8a8780; --faint:#5c5a55;
  --accent:#FFA116; --accent-2:#FFB94A; --accent-soft:#FFD58A; --accent-bg:rgba(255,161,22,.15);
  --heat-1:rgba(255,161,22,.18); --heat-5:#D67100;
  --positive:#45D178; --positive-bg:rgba(45,181,93,.15);
  --negative:#FF5C58; --negative-bg:rgba(239,71,67,.15);
  --info:#5AC8FA; --info-bg:rgba(0,122,255,.15);
  --warning:#FFA116; --warning-bg:rgba(255,161,22,.15);
  --live:#FF5C58;
  --shadow-sm:0 1px 2px rgba(0,0,0,.3);
  --shadow-md:0 4px 14px rgba(0,0,0,.35);
  --shadow-lg:0 20px 50px rgba(0,0,0,.5);
  color-scheme:dark;
}
:root {
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px;
  --side-w:240px; --appbar-h:64px;
}