/* Base styles - variables, reset, typography */

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

:root {
    --bg: #0a0a0a;
    --bg-secondary: #050505;
    --bg-tertiary: #111;
    --text: #e0e0e0;
    --text-muted: #666;
    --border: #1a1a1a;
    --accent: #00d4aa;
    --accent-hover: #00b894;
    --msg-user: #1a1a2e;
    --msg-assistant: #111;
    --code-bg: #1a1a2e;
    --table-border: #333;
}

[data-theme="light"] {
    --bg: #f5f5f5;
    --bg-secondary: #ffffff;
    --bg-tertiary: #e8e8e8;
    --text: #1a1a1a;
    --text-muted: #888;
    --border: #ddd;
    --accent: #6d78d5;
    --accent-hover: #5b64b5;
    --msg-user: #e0f2ee;
    --msg-assistant: #f0f0f0;
    --code-bg: #e8e8e8;
    --table-border: #ccc;
}

body {
    font-family: 'JetBrains Mono', monospace;
    background: var(--bg);
    color: var(--text);
    height: 100vh;
    display: flex;
    transition: background 0.2s, color 0.2s;
}