/*
 * Vivo chat agent theme.
 * The widget renders without shadow DOM, so these custom properties on
 * show-chatbot-button (and any regular CSS targeting the widget markup)
 * customize the agent's look.
 */
show-chatbot-button {
    /* ===== TYPOGRAPHY ===== */
    --body-font: "DM Sans", sans-serif; /* Primary font for body text, inputs, messages */
    --accent-font: "DM Sans", sans-serif; /* Font for headings */
    --body-normal-weight: 400; /* Normal text weight */
    --body-bold: 700; /* Bold text weight */
    --accent-normal-weight: 400; /* Heading font weight */
    --standard-line-height: 1.5; /* Line height for body text */
    --accent-line-height: 1.5; /* Line height for headings */
    --font-variant-numeric: lining-nums tabular-nums slashed-zero; /* Numeric font features */
    --font-feature-settings: "case" on, "cpsp" on, "cv10" on; /* OpenType features */
    /* ===== FONT SIZES ===== */
    --p: 1.125rem; /* Standard paragraph text */
    --p-large: 1.25rem; /* Large text, headings */
    --p-small: 0.925rem; /* Small text, captions */
    --input: 1.125rem; /* Input field text */
    /* ===== SPACING ===== */
    --gap: 1.25rem; /* General spacing between elements */
    --message-gap: 1rem; /* Spacing between chat messages */
    --small-gap: 0.75rem; /* Smaller spacing (lists, grids) */
    --text-gap: 0.25rem; /* Gap between text elements */
    --padding-v: 1.25rem; /* Vertical padding */
    --padding-h: 1.25rem; /* Horizontal padding */
    --small-padding: 0.625rem; /* Small padding for compact areas */
    --container-padding: 0.75rem; /* Container padding */
    --button-padding-v: 0.65625rem; /* Button vertical padding */
    --button-padding-h: 1rem; /* Button horizontal padding */
    /* ===== PRIMARY COLORS ===== */
    --color-primary-text: #000; /* Primary text, scrollbars, icons */
    --color-secondary-text: #474747; /* Secondary/muted text */
    --color-disabled-text: #707070; /* Disabled state text */
    --color-hyperlink: #1578D0; /* Links, accent highlights */
    --color-neutral-accent: #CFFFA2; /* Backgrounds, borders, scrollbar tracks */
    /* ===== MESSAGE COLORS ===== */
    --color-message-background: #FFFBEB; /* Message bubble background */
    --color-message-border: #DBDBDB; /* Message borders */
    --color-sent-message-background: #007ACC; /* User-sent message background */
    --color-sent-message-text: #FFF; /* User-sent message text */
    --color-sent-message-border: #001A8B; /* User-sent message border */
    /* ===== CTA (BUTTON) COLORS ===== */
    --color-cta-text: #FFF; /* Button text */
    --color-cta-background: #BD2691; /* Button background */
    --color-cta-hover-text: #FFFBEB; /* Button hover text */
    --color-cta-hover-background: #000; /* Button hover background */
    --color-cta-hover-border: rgba(0, 0, 0, 0.96); /* Button hover border */
    --color-cta-focus-background: rgba(0, 0, 0, 0.56); /* Button focus background */
    --cta-disabled-opacity: 0.5; /* Disabled button opacity */
    /* ===== CHAT INTERFACE ===== */
    --chat-interface-background: #FFFBEB; /* Chat window background */
    --chat-interface-text: #BD2691; /* Chat interface text/icons */
    --chat-interface-border: #000; /* Chat window border */
    --chat-interface-border-radius: 15px; /* Chat window corners */
    --chat-interface-button-size: 3rem; /* Action buttons in chat */
    --chat-trigger-background: #DCEFFF; /* Chatbot trigger button background */
    --chat-trigger-size: 2.5rem; /* Trigger button size */
    --chat-trigger-padding: 0.5rem; /* Trigger button padding */
    --chat-page-margin: 1rem; /* Chat positioning from page edge */
    --chat-z-index: 1000; /* Chat stacking order */
    --chat-min-width: 500px; /* Minimum chat window width */
    --chat-max-width: 660px; /* Maximum chat window width */
    /* ===== UI ELEMENTS ===== */
    --border-width: 1px; /* Border thickness throughout */
    --border-radius: 0.5rem; /* Standard rounded corners */
    --border-radius-small: 0.125rem; /* Small rounded corners */
    --box-shadow: 1px 1px 6px 0px rgba(0, 0, 0, 0.08); /* Shadows on controls */
    --transition: all 0.2s ease-in-out; /* Animation timing */
    --inline-icon-size: 1.125em; /* Size of inline icons */
    --caret-indicator-size: 1.125rem; /* Caret/arrow icons */
    --slider-control-size: 3rem; /* Slider prev/next buttons */
    --slider-dot-size: 0.625rem; /* Slider pagination dots */
    --message-width: 85%; /* Max message bubble width */
}