/* CSS Variables - These are injected by the static generator based on the tenant config */
:root {
    /* Default: Habuild Yoga Theme (New Green Style) */
    --primary-bg: #1B7340;
    --primary-text: #FFFFFF;
    
    --chat-bg: #F7F5F0; /* Cream background */
    --chat-bg-pattern: none; /* Removed pattern for clean look */
    
    --user-bubble-bg: #1B7340; /* Deep green */
    --user-bubble-text: #FFFFFF;
    
    --bot-bubble-bg: #FFFFFF;
    --bot-bubble-text: #333333;
    
    --input-bg: #FFFFFF;
    --input-bar-bg: transparent;
    
    --bubble-radius: 18px; /* Softer, rounder bubbles */
    --font-family: 'Inter', sans-serif;
    
    /* Video Card Specific */
    --video-tag-bg: #E8F5E9;
    --video-tag-text: #1B7340;

    /* Dynamic Card Accents (Defaults map to Habuild's Green/Orange/Emerald theme) */
    --card-accent-primary: #1B7340;
    --card-accent-secondary: #f97316;
    --card-accent-tertiary: #10b981;

    /* Dynamic Spacing & Dimension Variables */
    --card-padding: 12px;
    --card-margin-bottom: 8px;
    --card-border-radius: 12px;
    --card-shadow: none;
    --message-card-width: 320px;
    
    /* Dynamic Typography Font Sizes */
    --card-header-font-size: 11px;
    --card-title-font-size: 15px;
    --card-desc-font-size: 13px;
    
    /* Dynamic Layout Structures (Flex/Grids) */
    --action-chips-direction: column;
    --slots-grid-columns: repeat(4, 1fr);
    --doc-search-grid-columns: repeat(2, 1fr);
    --quick-replies-padding: 8px 16px;
}