:root {
    --border-focus-color: #339CFF;
    --text-placeholder-color: #A0AAB4;
    --text-close-color: #6E7A85;
    --text-close-hover-color: #2C3E50;
    --text-primary-color: #1F2A37;
    --text-primary-selected-color: #123456;
    --text-light-color: #95A5A6;
    --scroll-thumb-color: #A3B1C6;
    --scroll-track-color: #00000012;
    /*
        #1C2B36
        #2574A9
        #2563EB
    */
    --bg-primary-color: #2563EB;
    --bg-primary-color-transparent_05: #2563EB80;
    --bg-primary-color-transparent_01: #2563EB20;
    --text-active-color: var(--bg-primary-color);
    --text-danger-color: #D32F2F;
    --text-orange-color: #FFA726;
    --text-green-color: #388E3C;
    --text-blue-color: #1565C0;
    --text-peach-color: #5D4037;
    --text-pink-color: #AD1457;
    --selected-color: #C5DDFE;
    --selected-hover-color: #5B7FA088;
    --selected-secondary-color: #DFEBFD;
    --active-color: var(--bg-primary-color);
    --danger-color: #D32F2F;
    --danger-color-dim: #D32F2F40;
    --danger-color-dimmer: #D32F2F08;
    --danger-color-hover: #B71C1C;
    --success-color: #43A047;
    --success-color-dim: #43A04722;
    --success-color-dimmer: #43A04708;
    --success-color-hover: #2E7D32;
    --primary-color-dim: #2563EB15;
    --primary-color-dimmer: #2563EB05;
    --border-color: #D1D9E0;
    --border-light-color: #ECEFF1;
    --border-lighter-color: #ffffff28;
    --border-normal-color: #E0E0E0;
    --border-dark-color: #B0BEC5;
    --bg-light-color: #F4F7FA;
    --bg-secondary-color: #90A4AE;
    --bg-orange-color: #FFF3E0;
    --bg-warning-color: #FB8C00;
    --bg-green-color: #E0F2F1;
    --bg-danger-color: #FFEBEE;
    --bg-blue-color: #E3F2FD;
    --bg-peach-color: #FBE9E7;
    --bg-peach-color-dim: #FBE9E788;
    --bg-peach-color-dimmer: #FBE9E768;
    --bg-peach-color-dimmest: #FBE9E748;
    --bg-pink-color: #FCE4EC;
    --bg-active-color: var(--bg-primary-color);
    --border-primary-color: var(--bg-primary-color);
    --border-primary-color-hover: var(--bg-primary-color);
    --border-secondary-color: #90A4AE;
    --border-green-color: #43A04744;
    --btn-height: 50px;
    --sm-btn-height: 36px;
    --date-theme-color: #1565C0;
    --date-theme-color-dim: #1565C099;
    --sidebar-bg-color: #041e7d;
    --sidebar-bg-dark-color: #27496D;
    --sidebar-bg-light-color: #DDEFFC;
    --toprow-bg-color: #F4F7FA;
    --audio-player-bg-color: #E0E0E0;
    --audio-player-seek-color: var(--sidebar-bg-light-color);
    --audio-player-btn-color: var(--sidebar-bg-color);
    --audio-player-text-color: var(--sidebar-bg-color);
    /* ---------- AI Voice Assistant Theme ---------- */
    /* ---------- Base UI Colors ---------- */
    --ai-chat-color-bg: #0e0f11;
    --ai-chat-color-surface: #1a1b1f;
    --ai-chat-color-border-light: rgba(255,255,255,0.05);
    --ai-chat-color-border-medium: rgba(255,255,255,0.08);
    --ai-chat-color-border-strong: rgba(255,255,255,0.1);
    /* ---------- Text Colors ---------- */
    --ai-chat-title-color: #ffffff;
    --ai-chat-desc-color: rgba(255,255,255,0.85);
    --ai-chat-text-primary: #ffffff;
    --ai-chat-text-secondary: rgba(255,255,255,0.6);
    --ai-chat-text-chip: rgba(255,255,255,0.3);
    /* ---------- Bubble Colors ---------- */
    --ai-chat-ai-bubble-bg: rgba(255,255,255,0.08);
    --ai-chat-ai-bubble-border: rgba(255,255,255,0.04);
    --ai-chat-user-bubble-bg: #4f46e5;
    --ai-chat-interim-bubble-opacity: 0.6;
    /* ---------- Suggestion Chips ---------- */
    --ai-chat-chip-bg: rgba(255,255,255,0.08);
    --ai-chat-chip-bg-hover: rgba(255,255,255,0.12);
    /* ---------- Input & Controls ---------- */
    --ai-chat-input-bg: rgba(255,255,255,0.06);
    /* ---------- Status Chip ---------- */
    --ai-chat-status-chip-bg: #333333;
    --ai-chat-status-chip-text: #ffffff;
    /* ---------- Voice Orb (States) ---------- */
    --ai-chat-orb-idle: rgba(255,255,255,0.15);
    --ai-chat-orb-listening: rgba(0,200,255,0.5);
    --ai-chat-orb-thinking: rgba(255,180,0,0.5);
    --ai-chat-orb-speaking: rgba(0,255,120,0.5);
    /* ---------- Voice Orb — Large Animation ---------- */
    --ai-chat-orb-base: #060606;
    --ai-chat-orb-glow-orange: #ff3e1c;
    --ai-chat-orb-glow-blue: #1c8cff;
    --ai-chat-orb-glow-orange-04: #ff3e1c88;
    --ai-chat-orb-glow-blue-04: #1c8cff88;
    --ai-chat-orb-size: 60px;
    /* ---------- Shadows ---------- */
    --ai-chat-shadow-text: rgba(0,0,0,0.45);
    --ai-chat-shadow-chip: rgba(0,0,0,0.25);
    --ai-chat-shadow-orb: rgba(0,0,0,0.3);
    /* ---------- Transparency Helpers ---------- */
    --ai-chat-transparent-04: rgba(255,255,255,0.04);
    --ai-chat-transparent-06: rgba(255,255,255,0.06);
}