:root {
    /* Primary Colours */
    --chat-theme-btn-emphasis-background: rgb(54, 30, 84);
    --chat-theme-btn-emphasis-foreground: white;
    --chat-theme-btn-normal-background: rgb(54, 30, 84);
    --chat-theme-btn-normal-foreground: white;
    --chat-theme-btn-normal-foreground-reverse: white;
    --chat-theme-header-background: rgb(54, 30, 84);
    --chat-theme-header-foreground: white;
    --chat-theme-footer-background: rgb(54, 30, 84);
    --chat-theme-footer-foreground: white;
    --chat-theme-light-content-background-gradient-from: rgb(243, 242, 241);
    --chat-theme-dark-content-background-gradient-from: black;
    --chat-theme-dark-content-background-gradient-to: rgb(51 50 49);
    --chat-theme-dark-header-title-color: white;
    /* Buttons - Input/Actions area  */
    --chat-theme-light-input-action-btn-background: var(--chat-theme-btn-normal-background);
    --chat-theme-dark-input-action-btn-background: var(--chat-theme-btn-normal-background);
    --chat-theme-light-input-action-btn-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-dark-input-action-btn-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-light-input-action-btn-hover-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-dark-input-action-btn-hover-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-light-input-action-btn-hover-foreground: var(--chat-theme-btn-emphasis-foreground);
    --chat-theme-dark-input-action-btn-hover-foreground: var(--chat-theme-btn-emphasis-foreground);
    --chat-theme-light-input-action-btn-active-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-dark-input-action-btn-active-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-light-input-action-btn-active-foreground: var(--chat-theme-btn-emphasis-foreground);
    --chat-theme-dark-input-action-btn-active-foreground: var(--chat-theme-btn-normal-foreground-reverse);
    --chat-theme-all-input-action-btn-border-radius: 50%;
    /* Buttons - Header area */
    --chat-theme-light-header-btn-background: var(--chat-theme-btn-normal-background);
    --chat-theme-dark-header-btn-background: var(--chat-theme-btn-normal-background);
    --chat-theme-light-header-btn-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-dark-header-btn-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-light-header-btn-hover-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-dark-header-btn-hover-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-light-header-btn-hover-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-dark-header-btn-hover-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-light-header-btn-active-background: var(--chat-theme-btn-normal-background);
    --chat-theme-dark-header-btn-active-background: var(--chat-theme-btn-normal-background);
    --chat-theme-light-header-btn-active-foreground: var(--chat-theme-btn-normal-foreground-reverse);
    --chat-theme-dark-header-btn-active-foreground: var(--chat-theme-btn-normal-foreground-reverse);
    --chat-theme-all-header-btn-border-radius: 50%;
    /* Buttons - SEND */
    --chat-theme-light-send-btn-background: var(--chat-theme-btn-normal-background);
    --chat-theme-dark-send-btn-background: var(--chat-theme-btn-normal-background);
    --chat-theme-light-send-btn-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-dark-send-btn-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-light-send-btn-hover-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-dark-send-btn-hover-background: var(--chat-theme-btn-emphasis-background);
    --chat-theme-light-send-btn-hover-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-dark-send-btn-hover-foreground: var(--chat-theme-btn-normal-foreground);
    --chat-theme-all-send-btn-border-radius: 50%;
    --chat-theme-light-message-user-background: #e294a0db;
    --chat-theme-dark-message-user-background: #e294a0db;
    --chat-theme-dark-header-background: #303030;
    --chat-theme-dark-message-assistant-background: #494949;
    --chat-theme-dark-message-assistant-foreground: #F3FFFF;
    --chat-theme-dark-header-foreground: #F3FFFF;
    /* Messages */
    --chat-theme-light-message-user-background: #9d94e2db;
    --chat-theme-dark-message-user-background: #9d94e2db;
    --chat-theme-light-header-height: 105px;
    --chat-theme-dark-header-height: 105px;
    --chat-theme-light-content-height: 150px;
    --chat-theme-dark-content-height: 150px;
}

.company-logo {
    max-height: 100px;
}

.theme-light > * .header-title {
    color: var(--chat-theme-header-foreground);
}

body {
    font-family: Roboto, Helvetica, Arial, sans-serif;
}

.chat-input-send > .btn {
    padding-left: 8px;
    padding-top: 11px;
}

.chat-input-text > textarea
{
    overflow: auto;
}

/* Hide the scrollbar track and buttons */
.chat-input-text > textarea::-webkit-scrollbar
{
    width: 15px;
}

.chat-input-text > textarea::-webkit-scrollbar-corner
{
    background-color:transparent;
}