/* ── Design tokens & reset ─────────────────────────────────────────────────── */
:root {
  --bg:        #0c0d0f;
  --bg2:       #13151a;
  --bg3:       #1c1f27;
  --bg4:       #242830;
  --border:    #2a2d38;
  --border2:   #353a48;
  --text:      #e8eaf0;
  --text2:     #9499aa;
  --text3:     #5a5f72;
  --accent:    #4fffb0;
  --accent2:   #00c87a;
  --warn:      #ffc845;
  --err:       #ff5d6e;
  --info:      #4fc3ff;
  --debug:     #a78bfa;
  --assistant:    #4fffb0;
  --trade:     #4fc3ff;
  --strategy:      #ffc845;
  --system:    #c0c4d6;
  --radius:    6px;
  --font-mono: 'DM Mono', monospace;
  --font-ui:   'Syne', sans-serif;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: var(--bg); color: var(--text); font-family: var(--font-ui); overflow: hidden; }

/* ── Scrollbar ── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border2); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--text3); }