/* ============================================================
   variables.css — Design token layer for Edgevanta Support Platform
   All hardcoded colors MUST live here; modules reference vars only.
   ============================================================ */

:root {
    /* ---- Core palette ---- */
    --bg:           #090a0c;
    --panel:        #0f1115;
    --line:         #232a39;
    --text:         #edf2ff;
    --muted:        #96a1b8;
    --ok:           #8ecb95;
    --danger:       #d68181;
    --sidebar-w:    270px;

    /* ---- Surface levels ---- */
    --surface-1:    #0d1118;
    --surface-2:    #111827;
    --surface-3:    #121825;

    /* ---- Body background gradient ---- */
    --body-gradient: radial-gradient(1200px 500px at 15% -10%, rgba(79, 124, 255, 0.15), transparent 55%);

    /* ---- Sidebar ---- */
    --sidebar-icon-color:          #d6e1fa;
    --sidebar-bg:                  rgba(10, 12, 17, 0.72);
    --sidebar-btn-hover-bg:        #121825;
    --sidebar-divider:             #202a3a;
    --sidebar-subhead:             #8d9bb7;
    --sidebar-action-bg:           #111925;
    --sidebar-action-border:       #2a3346;
    --sidebar-action-color:        #d8e1f7;
    --sidebar-action-hover-bg:     #172132;
    --sidebar-action-hover-border: #3a4968;
    --sidebar-action-hover-color:  #f2f6ff;
    --sidebar-action-sec-bg:       #0e1521;
    --sidebar-action-sec-color:    #c4d0ea;
    --settings-panel-bg:           #101622;

    /* ---- Topbar ---- */
    --topbar-bg:              rgba(9, 10, 12, 0.62);
    --topbar-icon-color:      #8a97b4;
    --topbar-icon-hover-bg:   #141c2b;
    --topbar-icon-hover-color:#d6e1fa;
    --wordmark-chevron:        #5a6a88;

    /* ---- Menus (wordmark + topbar dropdowns) ---- */
    --menu-bg:           #0e1420;
    --menu-border:       #232f47;
    --menu-head-border:  #1e2c45;
    --menu-head-strong:  #d0daf2;
    --menu-head-sub:     #4e5e7a;
    --menu-item-color:   #d0daf2;
    --menu-item-hover-bg:#162035;
    --menu-item-hover-color: #f0f4ff;
    --menu-divider:      #1e2c45;
    --menu-label-color:  #4e5e7a;

    /* ---- Composer / search ---- */
    --search-bg:              #2b313a;
    --search-border:          #333b4a;
    --composer-icon-color:    #d5deef;
    --composer-icon-hover-bg: #273348;
    --suggestions-bg:         #181f2e;
    --suggestions-border:     #2d3a55;
    --suggestions-scrollbar:  #2a3650;
    --suggestion-item-color:  #f0f2f5;
    --suggestion-item-border: #2a2f37;

    /* ---- Chat bubbles ---- */
    --chat-user-bg:        #262f3d;
    --chat-user-border:    #323d4f;
    --chat-user-color:     #eef3ff;
    --chat-ast-border:     #202734;
    --chat-ast-color:      #e8edfb;
    --chat-line-bg:        #202839;
    --chat-dot-bg:         #7f8aa1;
    --chat-source-bg:      #121c2e;
    --chat-source-border:  #2a3752;
    --chat-source-color:   #d9e5ff;
    --typing-cursor-color: #9fb0d8;

    /* ---- Answer panel ---- */
    --answer-bg:           #111827;
    --answer-border:       #2a3347;
    --answer-text:         #c0cdea;
    --source-chip-bg:      #14213a;
    --source-chip-border:  #2d3a55;
    --source-chip-color:   #d7e4ff;

    /* ---- Form inputs ---- */
    --input-bg:     #131722;
    --input-border: var(--line);

    /* ---- Community ---- */
    --comm-card-bg:          #0d1118;
    --comm-card-hover-border:#3a4f72;
    --comm-card-hover-bg:    #111827;
    --comm-card-meta:        #4a5a78;
    --comm-post-bg:          #0d1118;
    --comm-post-author:      #a8b8d8;
    --comm-post-time:        #4a5a78;
    --reply-btn-bg-start:    #4c5564;
    --reply-btn-bg-end:      #2b313d;
    --reply-btn-color:       #e8edf6;
    --reply-btn-hover-border:#5a667a;
    --escalate-btn-bg-start: #4c5564;
    --escalate-btn-bg-end:   #2b313d;
    --escalate-btn-color:    #e8edf6;
    --escalate-btn-hover-border:#5a667a;
    --escalation-scrollbar-thumb:#ffffff;

    /* ---- Gate (password overlay) ---- */
    --gate-overlay-bg: rgba(8, 10, 15, 0.85);
    --gate-bg:         #0d1018;

    /* ---- Miscellaneous tokens ---- */
    --ticket-bg:        #111827;
    --pill-bg:          #151d2f;
    --pill-color:       #d0daf2;
    --list-item-bg:     #111924;
    --thumb-bg:         #0a0f18;
    --chip-bg:          #141d2f;
    --chip-border:      #2d3a55;
    --chip-color:       #dce6ff;
    --file-trigger-bg:          #1a2436;
    --file-trigger-border:      #2d3f61;
    --file-trigger-color:       #e9efff;
    --file-trigger-hover-bg:    #182546;
    --file-trigger-hover-border:#3a5aa7;
    --btn-hover-bg:     #131826;
    --btn-pri-border:   #3552af;
    --composer-send-bg:       #ffffff;
    --composer-send-color:    #0f1115;
    --composer-send-hover-bg: #e9eef8;
    --composer-dock-fade: linear-gradient(180deg, rgba(9,10,12,0) 0%, rgba(9,10,12,0.94) 22%, rgba(9,10,12,1) 55%);
    --wordmark-gradient: linear-gradient(135deg, #c4ccd8 0%, #eaf0f8 42%, #b2bac9 100%);
}

/* ============================================================
   Light theme overrides
   ============================================================ */
[data-theme="light"] {
    --bg:    #eef1f8;
    --panel: #f5f7fc;
    --line:  #d0d8e8;
    --text:  #111827;
    --muted: #5f6a82;
    --ok:    #15803d;
    --danger:#b91c1c;

    --surface-1: #f0f3f9;
    --surface-2: #e8edf7;
    --surface-3: #dde4f0;

    --sidebar-icon-color:          #4b5a72;

    --body-gradient: radial-gradient(1200px 500px at 15% -10%, rgba(79, 124, 255, 0.12), transparent 60%);

    --sidebar-bg:                  rgba(232, 237, 248, 0.95);
    --sidebar-btn-hover-bg:        #dde4f0;
    --sidebar-divider:             #c8d2e4;
    --sidebar-subhead:             #5f6a82;
    --sidebar-action-bg:           #e4eaf5;
    --sidebar-action-border:       #c8d2e4;
    --sidebar-action-color:        #2d3a54;
    --sidebar-action-hover-bg:     #d8e1f0;
    --sidebar-action-hover-border: #9aadc8;
    --sidebar-action-hover-color:  #111827;
    --sidebar-action-sec-bg:       #edf0f8;
    --sidebar-action-sec-color:    #3d4d66;
    --settings-panel-bg:           #f0f3fa;

    --topbar-bg:               rgba(238, 241, 248, 0.94);
    --topbar-icon-color:       #6b7280;
    --topbar-icon-hover-bg:    #f3f4f6;
    --topbar-icon-hover-color: #1f2937;
    --wordmark-chevron:         #9ca3af;

    --menu-bg:           #ffffff;
    --menu-border:       #e5e7eb;
    --menu-head-border:  #f3f4f6;
    --menu-head-strong:  #1f2937;
    --menu-head-sub:     #9ca3af;
    --menu-item-color:   #374151;
    --menu-item-hover-bg:#f9fafb;
    --menu-item-hover-color: #111827;
    --menu-divider:      #f3f4f6;
    --menu-label-color:  #9ca3af;

    --search-bg:              #e8edf8;
    --search-border:          #c0cce0;
    --composer-icon-color:    #4b5a72;
    --composer-icon-hover-bg: #d8e1f0;
    --suggestions-bg:         #f0f3fa;
    --suggestions-border:     #c8d2e4;
    --suggestions-scrollbar:  #d1d5db;
    --suggestion-item-color:  #1f2937;
    --suggestion-item-border: #f3f4f6;

    --chat-user-bg:    #e8eef8;
    --chat-user-border:#c7d5e8;
    --chat-user-color: #1e293b;
    --chat-ast-border: #e5e7eb;
    --chat-ast-color:  #1f2937;
    --chat-line-bg:    #e5e7eb;
    --chat-dot-bg:     #9ca3af;
    --chat-source-bg:      #eff6ff;
    --chat-source-border:  #c7d5ed;
    --chat-source-color:   #1d4ed8;
    --typing-cursor-color: #6b7280;

    --answer-bg:          #f8fafc;
    --answer-border:      #e2e8f0;
    --answer-text:        #374151;
    --source-chip-bg:     #eff6ff;
    --source-chip-border: #bfdbfe;
    --source-chip-color:  #1d4ed8;

    --input-bg:     #eef1f8;
    --input-border: #c0cce0;

    --comm-card-bg:          #f9fafb;
    --comm-card-hover-border:#6b91c9;
    --comm-card-hover-bg:    #f0f4fb;
    --comm-card-meta:        #9ca3af;
    --comm-post-bg:          #f9fafb;
    --comm-post-author:      #4b5563;
    --comm-post-time:        #9ca3af;
    --reply-btn-bg-start:    #d8dee8;
    --reply-btn-bg-end:      #b9c3d2;
    --reply-btn-color:       #1f2937;
    --reply-btn-hover-border:#94a3b8;
    --escalate-btn-bg-start: #d8dee8;
    --escalate-btn-bg-end:   #b9c3d2;
    --escalate-btn-color:    #1f2937;
    --escalate-btn-hover-border:#94a3b8;
    --escalation-scrollbar-thumb:#ffffff;

    --gate-overlay-bg: rgba(0, 0, 0, 0.5);
    --gate-bg:         #ffffff;

    --ticket-bg:   #f8fafc;
    --pill-bg:     #eff6ff;
    --pill-color:  #1d4ed8;
    --list-item-bg:#f9fafb;
    --thumb-bg:    #f3f4f6;
    --chip-bg:     #eff6ff;
    --chip-border: #bfdbfe;
    --chip-color:  #1d4ed8;
    --file-trigger-bg:          #f0f4ff;
    --file-trigger-border:      #c7d5ed;
    --file-trigger-color:       #1d4ed8;
    --file-trigger-hover-bg:    #e0eaff;
    --file-trigger-hover-border:#93aadb;
    --btn-hover-bg:   #f9fafb;
    --btn-pri-border: #2563eb;
    --composer-send-bg:       #111827;
    --composer-send-color:    #ffffff;
    --composer-send-hover-bg: #1f2937;
    --composer-dock-fade: linear-gradient(180deg, rgba(244,246,249,0) 0%, rgba(244,246,249,0.94) 22%, rgba(244,246,249,1) 55%);
    --wordmark-gradient: linear-gradient(135deg, #1e293b 0%, #374151 42%, #111827 100%);
}