:root {
  --bg: #0b0b0c;
  --panel: #0f1112;
  --muted: #9aa4b2;
  --text: #e6eef8;
  --accent: #2b7cff;
  --sidebar-width: 260px;
  --glass: rgba(255,255,255,0.03);
  --border: rgba(255,255,255,0.04);
  --blur: 8px;
  --transition: 200ms ease;
}

:root.light {
  --bg: #ffffff;
  --panel: #fbfbfb;
  --muted: #586069;
  --text: #0b1220;
  --accent: #1e6fff;
  --glass: rgba(0,0,0,0.03);
  --border: rgba(0,0,0,0.06);
}

* { box-sizing: border-box; }
html,body,#app { height: 100%; }
body {
  margin: 0;
  font-family: Inter, "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transition: background var(--transition), color var(--transition);
}