/* ==========================================================================
   CSS Reset - Isolate widget styles from internal CSS (DevExpress, parent site)
   ========================================================================== */

/* Define tenant colors (sync with chatwidget-theme-tenant.json) */
:root {
    --bs-primary: #5B1C24;
    /* Base Accent */
    --dxbl-accent-color: #5B1C24;
    /* Light background tints (used for badges, subtle fills) */
    --dxbl-accent-color-10: #F7ECEE;
    --dxbl-accent-color-20: #EED9DC;
    --dxbl-accent-color-30: #E4C5C9;
    --dxbl-accent-color-40: #D9B1B6;
    /* Interactive backgrounds */
    --dxbl-accent-color-50: #C9898F;
    --dxbl-accent-color-60: #B5626B;
    --dxbl-accent-color-70: #9D3E48;
    /* Primary Accent */
    --dxbl-accent-color-80: #7A2832;
    --dxbl-accent-color-90: #5B1C24; /* main */
    /* Hover / Pressed */
    --dxbl-accent-color-100: #4D171E;
    --dxbl-accent-color-110: #401217;
    --dxbl-accent-color-120: #330E12;
    /* Focus ring / outlines */
    --dxbl-accent-color-130: #26090D;
    --dxbl-accent-color-140: #1A0508;

    /* VES Brand Colors */
    --ves-main-color: rgba(18, 22, 33, 1);
    --ves-secondary-color: rgba(193, 143, 78, 1);
    --ves-secondary-color-darken: rgba(164, 117, 57, 1);
    --ves-blue: rgba(18, 22, 33, 1);
    --ves-gold: rgba(193, 143, 78, 1);
    --ves-green: rgba(59, 87, 69, 1);
    --ves-red: rgba(90, 30, 36, 1);
    --ves-pink: rgba(253, 230, 211, 1);
    --ves-white: rgba(255, 255, 255, 1);
    --ves-font: rgba(18, 22, 33, 1);
    --ves-font-body: rgba(18, 22, 33, 0.7);
    --ves-font-lighten: rgba(157, 158, 158, 1);
    --ves-line-light: rgba(230, 231, 232, 1);
    --ves-line-darker: rgba(166, 170, 179, 1);
    --ves-line-blue: rgba(241, 242, 242, 1);
    --ves-opacity-main-0-05: rgba(18, 22, 33, 0.05);
    --ves-opacity-main-0-1: rgba(18, 22, 33, 0.1);
    --ves-opacity-main-0-2: rgba(18, 22, 33, 0.2);
    --ves-opacity-main-0-3: rgba(18, 22, 33, 0.3);
    --ves-opacity-secondary-0-1: rgba(193, 143, 78, 0.1);
    --ves-opacity-secondary-0-3: rgba(193, 143, 78, 0.3);
}


.chat-header {
    background: linear-gradient(
        135deg,
        #6b1d1d 0%,
        #7a2222 50%,
        #5a1818 100%
    );
}