@import url('./tokens.css');
@import url('./layout.css');
@import url('./components.css');

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: var(--bg); color: var(--text); font: 13px/1.45 Inter, "Segoe UI", system-ui, sans-serif; }
button, input { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sidebar, .intel-panel { scrollbar-width: thin; scrollbar-color: var(--faint) var(--surface); }
.sidebar::-webkit-scrollbar, .intel-panel::-webkit-scrollbar { width: 10px; }
.sidebar::-webkit-scrollbar-track, .intel-panel::-webkit-scrollbar-track { background: var(--surface); }
.sidebar::-webkit-scrollbar-thumb, .intel-panel::-webkit-scrollbar-thumb { background: var(--surface-3); border: 2px solid var(--surface); border-radius: 999px; }
.sidebar::-webkit-scrollbar-thumb:hover, .intel-panel::-webkit-scrollbar-thumb:hover { background: var(--faint); }