*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg-primary: #212121;
  --bg-sidebar: #171717;
  --bg-hover: #2a2a2a;
  --bg-active: #2f2f2f;
  --bg-input: #2f2f2f;
  --bg-user-msg: #2f2f2f;
  --text-primary: #ececec;
  --text-secondary: #8e8ea0;
  --text-muted: #6b6b7b;
  --border: #383838;
  --accent: #10a37f;
  --sidebar-width: 260px;
  --font: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif;
}

html, body {
  height: 100%;
  overflow: hidden;
  background: #000;
  color: var(--text-primary);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}