/* Light theme (default) */
:root {
    --bg-primary: #ffffff;
    --bg-secondary: #f7f7f8;
    --bg-chat: #ffffff;
    --bg-sidebar: #f9fafb;
    --bg-input: #ffffff;
    --text-primary: #1a1a1a;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --border: #e5e7eb;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --bubble-user: #e0f2fe;
    --bubble-ai: #f3f4f6;
    --bubble-tool: #fef3c7;
    --code-bg: #1e293b;
    --code-fg: #e2e8f0;
    --danger: #ef4444;
    --success: #22c55e;
    --warning: #f59e0b;
    --sidebar-width: 280px;
    --topbar-height: 52px;
    --safe-bottom: env(safe-area-inset-bottom, 0px);
    --radius: 12px;
    --radius-sm: 8px;
}

/* Dark theme */
[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-chat: #0f172a;
    --bg-sidebar: #1e293b;
    --bg-input: #1e293b;
    --text-primary: #f1f5f9;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    --border: #334155;
    --accent: #3b82f6;
    --accent-hover: #2563eb;
    --bubble-user: #1e3a5f;
    --bubble-ai: #1e293b;
    --bubble-tool: #422006;
    --code-bg: #0f172a;
    --code-fg: #e2e8f0;
    --danger: #ef4444;
    --success: #22c55e;
    --warning: #f59e0b;
}