/* --- Color Palette (Morandi / SaaS Style) --- */
:root {
    --primary-color: #374151;       /* Deep Gray for Text */
    --accent-color: #6366F1;        /* Brand Indigo */
    --accent-dark: #4F46E5;          /* Dark Accent */
    
    --bg-body: #F3F4F6;              /* Global Background Gray */
    
    /* Bubble Colors */
    --bg-bubble-user: #6366F1;
    --text-bubble-user: #FFFFFF;
    --bg-bubble-ai: #FFFFFF;
    --text-bubble-ai: #1F2937;
    
    /* Text Colors */
    --text-main: #111827;
    --text-secondary: #6B7280;
    --border-light: rgba(229, 231, 235, 0.8);
    
    /* --- Size Definitions --- */
    --header-height: 60px;          /* Default Header Height */
    --footer-height: 40px;          /* Minimal Footer Status Bar Height */
    --container-max-width: 800px;   /* Content Limit for wide screens */

    /* --- Robot Face Colors --- */
    --robot-eye-color: #374151;
    --robot-mouth-color: #CBD5E1;
}

/* Very small screens adaptation */
@media screen and (max-height: 350px) {
    :root {
        --header-height: 44px; 
        --footer-height: 32px;
    }
}