@import "../../../../sites/default/css/variables.less";
:root {
    /* Chat container variables */
    --chat-container-font-family: 'Helvetica Neue', Arial, sans-serif;
    --chat-container-card-bg-color: white;
    --chat-container-card-border-radius: 1rem;
    --chat-container-card-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    /* Chat popup variables */
    --chat-toggle-bg-color: var(--primary_color);
    --chat-toggle-bg-color-hover: var(--secondary_color);
    --chat-toggle-color: #ffffff;
    --chat-toggle-active-bg-color: #374151;
    --chat-toggle-active-bg-color-hover: #1f2937;
    --chat-popup-open-bg-color: #ffffff;
    --chat-popup-open-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --chat-popup-open-color: #9ca3af;
    --chat-popup-open-border-color: #e5e7eb;
    --chat-popup-open-border-radius: 1rem;
    --chat-toggle-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    /* Chat header variables */
    --chat-header-bg-color: #f9fafb;
    --chat-header-border: 1px solid #e5e7eb;
    --chat-header-title-color: #111827;
    --chat-header-subtitle-color: #6b7280;
    --chat-header-close-button-hover-bg-color: #f3f4f6;
    --chat-header-close-button-icon-color: #6b7280;

    /* Privacy policy */
    --privacy-policy-bar-color: #6b7280;
    --privacy-policy-link-color: var(--primary_color);

    /* Chat Bubble */
    --chat-bubble-content-bg-color: #efefef;
    --chat-bubble-content-user-bg-color: #2563eb;
    --chat-bubble-content-user-text-color: #ffffff;
    --chat-bubble-link-color: var(--primary_color);
    --chat-bubble-link-hover-color: var(--secondary_color);

    /* Chat Footer */
    --chat-footer-border: 1px solid #e5e7eb;
    --chat-footer-box-shadow:  0 -2px 10px rgba(0, 0, 0, 0.3);
    --chat-footer-input-bg-color: #f3f4f6;
    --chat-footer-input-placeholder-color: #adb5bd;
    --chat-footer-icon-btn-color: #adb5bd;
    --chat-footer-icon-btn-color-hover: #ffffff;
    --chat-footer-send-button-bg-color: #495057;
    --chat-footer-send-button-color: #dee2e6;
    --chat-footer-send-button-bg-color-hover: var(--secondary_color);
    --chat-footer-send-button-active-bg-color: var(--primary_color);
    --chat-footer-send-button-active-color: #ffffff;
    --chat-footer-send-button-active-bg-color-hover: var(--secondary_color);

    /* Thinking */
    --chat-thinking-border-gradient: linear-gradient(to right, var(--primary_color), var(--secondary_color));

}
