/* ============================================================================
   Base Theme Structure
   Common theme variables that all themes should define
   ============================================================================ */

.theme-default,
.theme-light {
    --bg-color: snow;
    --containerbackground: #ffffff;
    --bg-footer-color: #f5f5f5;
    --text-color: #000;
    --text-color-inv: #fff;
    --text-color-dark: #000000;
    --accent-color: #667eea;
    --border-color: #e0e0e0;
    --border: #e0e0e0;
    --header-bg: #f3eee9;
     --header2-bg: #f5f5f5; /*linear-gradient(135deg, #f5f5f5 0%, #ddd 100%); */
    --placeholder-color: #777;
    --ready-color: #777;
    --action_btn_bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-size: cover;
    --bg-pos: center;
    --bg-repeat: no-repeat;
    --bg-forminput: #f5f5f5;
    --bg-secondary: #f8f9fa;
    --bg-tertiary: #f0f0f0;
    --bg-hover: #e8e8e8;
    
    /* Form and input colors */
    --fg: #000000;
    --muted-fg: #666666;
    --primary: #667eea;

    /* Message bubbles */
    --bubble-user: #e8f4fd;
    --bubble-assistant: #ffffff;
    --bubble-user-text: #1a1a1a;
    --bubble-assistant-text: #1a1a1a;
    --bubble-system: #f8f9fa;
    --bubble-system-text: #1a1a1a;
    
    /* Text colors */
    --text-primary: #1a1a1a;
    --text-secondary: #666;
    --text-tertiary: #999;
    
    /* Warning and danger states (light theme) */
    --warning-bg: #fff3cd;
    --warning-text: #856404;
    --warning-border: #ffc107;
    --danger-bg: #f8d7da;
    --danger-text: #721c24;
    --danger-border: #dc3545;
    
    /* Code blocks */
    --code-bg: rgba(0, 0, 0, 0.05);
    
    /* Button text */
    --button-text: #ffffff;
}