/* ===================================================================
   M50 DESIGN SYSTEM - LIGHT THEME
   Tema claro ORIGINAL com paleta roxa/púrpura
   =================================================================== */

[data-theme="light"] {
    /* ===== PRIMARY COLORS (Roxo Original) ===== */
    --m50-primary: #667eea;
    --m50-primary-light: #8b9aef;
    --m50-primary-dark: #5568d3;
    --m50-primary-hover: #5568d3;
    
    /* ===== ACCENT COLORS (Púrpura Original) ===== */
    --m50-accent: #764ba2;
    --m50-accent-light: #9c27b0;
    --m50-accent-dark: #6a1b9a;
    
    /* ===== SEMANTIC COLORS ===== */
    --m50-success: #4caf50;
    --m50-success-light: #81c784;
    --m50-success-dark: #388e3c;
    --m50-success-bg: rgba(76, 175, 80, 0.1);
    
    --m50-danger: #f44336;
    --m50-danger-light: #e57373;
    --m50-danger-dark: #d32f2f;
    --m50-danger-bg: rgba(244, 67, 54, 0.1);
    
    --m50-warning: #ff9800;
    --m50-warning-light: #ffb74d;
    --m50-warning-dark: #f57c00;
    --m50-warning-bg: rgba(255, 152, 0, 0.1);
    
    --m50-info: #2196f3;
    --m50-info-light: #64b5f6;
    --m50-info-dark: #1976d2;
    --m50-info-bg: rgba(33, 150, 243, 0.1);
    
    /* ===== SURFACE COLORS ===== */
    --m50-surface-primary: #ffffff;
    --m50-surface-secondary: #fafafa;
    --m50-surface-tertiary: #f5f5f5;
    --m50-surface-elevated: #ffffff;
    --m50-surface-overlay: rgba(0, 0, 0, 0.5);
    
    /* ===== TEXT COLORS ===== */
    --m50-text-primary: #212121;
    --m50-text-secondary: #757575;
    --m50-text-tertiary: #bdbdbd;
    --m50-text-disabled: #e0e0e0;
    --m50-text-inverse: #ffffff;
    
    /* ===== BORDER COLORS ===== */
    --m50-border: #e0e0e0;
    --m50-border-light: #eeeeee;
    --m50-border-dark: #bdbdbd;
    --m50-border-focus: var(--m50-primary);
    
    /* ===== SHADOWS ===== */
    --m50-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --m50-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    --m50-shadow-md: 0 4px 8px rgba(0, 0, 0, 0.12);
    --m50-shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);
    --m50-shadow-xl: 0 12px 24px rgba(0, 0, 0, 0.18);
    
    /* ===== GRADIENTS (Original Roxo/Púrpura) ===== */
    --m50-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --m50-gradient-accent: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --m50-gradient-success: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
    --m50-gradient-danger: linear-gradient(135deg, #f44336 0%, #d32f2f 100%);
    --m50-gradient-warning: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
    
    /* ===== COMPONENT-SPECIFIC VARIABLES ===== */
    
    /* Menu Icons */
    --m50-menu-icon-bg: var(--m50-primary);
    --m50-menu-icon-shadow: rgba(102, 126, 234, 0.35);
    --m50-menu-icon-outline: var(--m50-primary-light);
    
    /* Chat Window */
    --m50-chat-user-bg: var(--m50-gradient-primary);
    --m50-chat-assistant-bg: var(--m50-surface-tertiary);
    --m50-chat-input-bg: var(--m50-surface-primary);
    --m50-chat-input-border: var(--m50-border);
    --m50-chat-header-bg: var(--m50-gradient-primary);
    
    /* Buttons */
    --m50-btn-primary-bg: var(--m50-primary);
    --m50-btn-primary-hover: var(--m50-primary-hover);
    --m50-btn-secondary-bg: rgba(255, 255, 255, 0.2);
    --m50-btn-secondary-hover: rgba(255, 255, 255, 0.3);
    
    /* Cards */
    --m50-card-bg: var(--m50-surface-primary);
    --m50-card-border: var(--m50-border);
    --m50-card-shadow: var(--m50-shadow);
    --m50-card-hover-shadow: var(--m50-shadow-md);
    
    /* Forms */
    --m50-input-bg: var(--m50-surface-primary);
    --m50-input-border: var(--m50-border);
    --m50-input-focus-border: var(--m50-border-focus);
    --m50-input-placeholder: var(--m50-text-tertiary);
    
    /* Tables */
    --m50-table-header-bg: var(--m50-surface-tertiary);
    --m50-table-row-hover: var(--m50-surface-secondary);
    --m50-table-border: var(--m50-border-light);
    
    /* Modals */
    --m50-modal-bg: var(--m50-surface-primary);
    --m50-modal-overlay: var(--m50-surface-overlay);
    --m50-modal-shadow: var(--m50-shadow-xl);
}