:root {
  --bg-color: #000000;
  --sidebar-bg: #000000;
  --surface-color: #1e1e1e;
  --input-bg: #1a1a1a;
  --primary-color: #ffffff;
  --text-color: #ececec;
  --muted-text-color: #b4b4b4;
  --border-color: #333333;
  --user-msg-bg: #1a1a1a;
  --assistant-msg-bg: transparent;
  --code-bg: #0d0d0d;
  --hover-color: #2a2a2a;
  --scrollbar-thumb: #444;
  --scrollbar-track: transparent;
  --thinking-bg: #111;
  --font-body: 'Lexend', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  --font-display: 'Averia Serif Libre', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg-color: #ffffff;
    --sidebar-bg: #f9f9f9;
    --surface-color: #ffffff;
    --input-bg: #f4f4f4;
    --primary-color: #000000;
    --text-color: #212121;
    --muted-text-color: #676767;
    --border-color: #e5e5e5;
    --user-msg-bg: #f4f4f4;
    --assistant-msg-bg: transparent;
    --code-bg: #f8f8f8;
    --hover-color: #ececec;
    --scrollbar-thumb: #ccc;
    --scrollbar-track: transparent;
    --thinking-bg: #f4f4f4;
  }
}