﻿:root {
    /*Header*/
    --chat--header--background: #9BC33B;

    /*Mensaje usuario*/
    --chat--message--user--background: #E72E4D;

    /*Mensaje bot*/
    --chat--message--bot--background: #CECECE;

    /*Boton Bot*/
    --chat--toggle--hover--background: #c4102e;
    --chat--toggle--background: #E72E4D;

    /* Fondo general del chat */
    --n8n-chat-background-color: #ffffff;
    /* Encabezado del chat */
    --n8n-chat-header-background: #6a1b9a;
    /* morado vibrante */
    --n8n-chat-header-color: #ffffff;
    --n8n-chat-header-font-weight: 500;
    /* Mensajes del usuario (burbuja) */
    --n8n-chat-user-bubble-background: #d1c4e9;
    /* morado claro */
    --n8n-chat-user-bubble-color: #212121;
    /* Mensajes del bot (burbuja) */
    --n8n-chat-bot-bubble-background: #f5f5f5;
    --n8n-chat-bot-bubble-color: #424242;
    /* Input de mensaje */
    --n8n-chat-input-background: #ffffff;
    --n8n-chat-input-color: #212121;
    /* Botón de enviar (si aplica) */
    --n8n-chat-send-button-background: #6a1b9a;
    --n8n-chat-send-button-color: #ffffff;
    /* Esquinas y sombras */
    --n8n-chat-border-radius: 8px;
    --n8n-chat-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    /* Tipografía general */
    --n8n-chat-font-family: 'Helvetica Neue', sans-serif;
    --n8n-chat-font-size: 14px;
}