/* === IPBXIT Client - Theme Variables === */

:root {
    /* Infotelecom Branding */
    --primary: #E53935;
    --primary-dark: #B71C1C;
    --primary-light: #FF5252;

    /* Status Colors */
    --success: #4CAF50;
    --warning: #FF9800;
    --danger: #F44336;
    --info: #2196F3;

    /* Presence Colors */
    --presence-available: #4CAF50;
    --presence-busy: #F44336;
    --presence-ringing: #FF9800;
    --presence-dnd: #9C27B0;
    --presence-away: #FFC107;
    --presence-offline: #9E9E9E;
    --presence-hold: #607D8B;

    /* Call State */
    --call-active: #4CAF50;
    --call-ringing: #FF9800;
    --call-ended: #F44336;
    --call-hold: #9E9E9E;
}

/* === LIGHT THEME (default) === */
[data-theme="light"], :root {
    --bg-app: #F5F5F5;
    --bg-surface: #FFFFFF;
    --bg-surface-hover: #F0F0F0;
    --bg-surface-active: #E8E8E8;
    --bg-rail: #FFFFFF;
    --bg-rail-active: #FFEBEE;
    --bg-input: #F5F5F5;
    --bg-panel: #FAFAFA;
    --bg-call-bar: #1A1A2E;
    --bg-chat-bubble-me: #E53935;
    --bg-chat-bubble-other: #EEEEEE;
    --bg-card: #FFFFFF;
    --bg-hover: #F5F5F5;

    --text-primary: #212121;
    --text-secondary: #757575;
    --text-muted: #9E9E9E;
    --text-on-primary: #FFFFFF;
    --text-chat-me: #FFFFFF;
    --text-chat-other: #212121;

    --border: #E0E0E0;
    --border-light: #F0F0F0;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.12);

    --scrollbar-thumb: #BDBDBD;
    --scrollbar-track: transparent;
}

/* === DARK THEME === */
[data-theme="dark"] {
    --bg-app: #0D1117;
    --bg-surface: #161B22;
    --bg-surface-hover: #1C2333;
    --bg-surface-active: #242D3D;
    --bg-rail: #0D1117;
    --bg-rail-active: #3D1518;
    --bg-input: #0D1117;
    --bg-panel: #161B22;
    --bg-call-bar: #0D1117;
    --bg-chat-bubble-me: #E53935;
    --bg-chat-bubble-other: #1C2333;
    --bg-card: #1C2333;
    --bg-hover: #242D3D;

    --text-primary: #E6EDF3;
    --text-secondary: #8B949E;
    --text-muted: #6E7681;
    --text-on-primary: #FFFFFF;
    --text-chat-me: #FFFFFF;
    --text-chat-other: #E6EDF3;

    --border: #30363D;
    --border-light: #21262D;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
    --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);

    --scrollbar-thumb: #30363D;
    --scrollbar-track: transparent;
}

/* === AUTO THEME (system preference) === */
@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        --bg-app: #0D1117;
        --bg-surface: #161B22;
        --bg-surface-hover: #1C2333;
        --bg-surface-active: #242D3D;
        --bg-rail: #0D1117;
        --bg-rail-active: #3D1518;
        --bg-input: #0D1117;
        --bg-panel: #161B22;
        --bg-call-bar: #0D1117;
        --bg-chat-bubble-me: #E53935;
        --bg-chat-bubble-other: #1C2333;
        --bg-card: #1C2333;
        --bg-hover: #242D3D;
        --text-primary: #E6EDF3;
        --text-secondary: #8B949E;
        --text-muted: #6E7681;
        --text-on-primary: #FFFFFF;
        --text-chat-me: #FFFFFF;
        --text-chat-other: #E6EDF3;
        --border: #30363D;
        --border-light: #21262D;
        --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
        --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
        --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
        --scrollbar-thumb: #30363D;
        --scrollbar-track: transparent;
    }
}