/* ==========================================
   Theme Variables - Extended from index.html
   ========================================== */

/* Note: Poppins font is loaded via Google Fonts CDN in index.html */

/* Additional Theme Variables */
:root {
    /* Message Colors */
    --msg-user-bg: var(--brand-primary);
    --msg-user-text: #ffffff;
    --msg-assistant-bg: var(--bg-surface);
    --msg-assistant-text: var(--text-main);

    /* Code Block Colors */
    --code-bg: #1e1e2e;
    --code-header-bg: #313244;
    --code-text: #cdd6f4;
    --code-keyword: #cba6f7;
    --code-string: #a6e3a1;
    --code-comment: #6c7086;
    --code-function: #89b4fa;
    --code-number: #fab387;

    /* Input Area */
    --input-bg: var(--bg-panel);
    --input-border: var(--border-default);
    --input-focus-border: var(--brand-primary);
    --input-placeholder: var(--text-muted);

    /* Scrollbar */
    --scrollbar-track: var(--bg-surface);
    --scrollbar-thumb: var(--border-strong);
    --scrollbar-thumb-hover: var(--text-muted);

    /* Glassmorphism */
    --bg-panel-glass: rgba(26, 26, 46, 0.7);
    --bg-surface-glass: rgba(30, 30, 50, 0.5);
    --border-glass: rgba(255, 255, 255, 0.1);

    /* Safe Area for Mobile */
    --safe-area-inset-top: env(safe-area-inset-top, 0px);
    --safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);
    --safe-area-inset-left: env(safe-area-inset-left, 0px);
    --safe-area-inset-right: env(safe-area-inset-right, 0px);
}

/* Light Theme Overrides */
[data-theme="light"] {
    --msg-user-bg: var(--brand-primary);
    --msg-user-text: #ffffff;
    --msg-assistant-bg: var(--bg-surface);
    --msg-assistant-text: var(--text-main);

    --bg-panel-glass: rgba(255, 255, 255, 0.7);
    --bg-surface-glass: rgba(255, 255, 255, 0.4);
    --border-glass: rgba(0, 0, 0, 0.05);

    --code-bg: #f4f4f5;
    --code-header-bg: #e4e4e7;
    --code-text: #3f3f46;
    --code-keyword: #7c3aed;
    --code-string: #059669;
    --code-comment: #71717a;
    --code-function: #2563eb;
    --code-number: #ea580c;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

/* Firefox Scrollbar */
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}

/* Selection */
::selection {
    background: var(--brand-primary);
    color: #ffffff;
}

/* Focus Outline */
:focus-visible {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}

button:focus-visible {
    outline: 2px solid var(--brand-primary);
    outline-offset: 2px;
}

/* Text Selection Prevention for UI Elements */
.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}