/* n8n Chatbot — Design Tokens & Base Styles */

:root {
    --n8n-primary: #CF081A;
    --n8n-primary-hover: #ab0917;
    --n8n-dark: #333333;
    --n8n-text: #525252;
    --n8n-heading: #1A1A1A;
    --n8n-light-bg: #f7f8f9;
    --n8n-light-red: #fef8f8;
    --n8n-white: #FFFFFF;
    --n8n-grey: #868686;
    --n8n-border: #e2e2e2;
    --n8n-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
    --n8n-shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.2);
    --n8n-radius: 12px;
    --n8n-radius-sm: 8px;
    --n8n-font-body: 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --n8n-font-accent: 'Inter', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.n8n-chatbot-widget {
    font-family: var(--n8n-font-body);
    font-size: 14px;
    line-height: 1.6;
    color: var(--n8n-text);
    box-sizing: border-box;
}

.n8n-chatbot-widget *,
.n8n-chatbot-widget *::before,
.n8n-chatbot-widget *::after {
    box-sizing: inherit;
}