/* Theme variables */

:root {
    --bg-primary: #f5f5f5;
    --bg-card: white;
    --bg-input: #f0f0f0;
    --bg-hover: #e0e0e0;
    --accent-primary: #6366f1;
    --accent-primary-hover: #4f46e5;
    --accent-active: rgba(99, 102, 241, 0.8);
    --accent-danger: #e74c3c;
    --accent-success: #22c55e;
    --text-primary: #222;
    --text-secondary: #333;
    --text-muted: #888;
    --text-on-accent: white;
    --text-on-active: white;
    --text-on-active-muted: rgba(255, 255, 255, 0.7);
    --border-color: #e5e5e5;
    --shadow-color: rgba(0, 0, 0, 0.15);
    --overlay-color: rgba(0, 0, 0, 0.7);
    --msg-user-bg: var(--accent-primary);
    --msg-user-text: white;
    --msg-assistant-bg: #e5e5e5;
    --msg-assistant-text: #222;
    --link-color: #4f46e5;

    /* Draft colors */
    --draft-bg: #fff9e6;
    --draft-text: #333;
    --draft-border: #f0e6cc;
    --draft-text-bg: #fff;
    --draft-text-border: #ccc;
    --draft-text-color: #333;
}

@media (prefers-color-scheme: dark) {
    :root {
        --bg-primary: #1a1a2e;
        --bg-card: #252542;
        --bg-input: #1e1e36;
        --bg-hover: #2f2f4a;
        --accent-primary: #818cf8;
        --accent-primary-hover: #6366f1;
        --accent-active: rgba(129, 140, 248, 0.8);
        --accent-danger: #f87171;
        --accent-success: #4ade80;
        --text-primary: #f0f0f0;
        --text-secondary: #c0c0c0;
        --text-muted: #808090;
        --border-color: #3a3a5c;
        --shadow-color: rgba(0, 0, 0, 0.4);
        --overlay-color: rgba(0, 0, 0, 0.8);
        --msg-assistant-bg: #2f2f4a;
        --msg-assistant-text: #f0f0f0;
        --link-color: #a5b4fc;

        /* Draft colors */
        --draft-bg: #3d3a28;
        --draft-text: #e8e4d0;
        --draft-border: #4a4730;
        --draft-text-bg: #2a2a3e;
        --draft-text-border: #4a4a60;
        --draft-text-color: #d0d0e0;
    }
}