/* ===================================================================
   M50 DESIGN SYSTEM - MELON THEME
   Tema Melão - Inspirado nas cores autênticas do melão
   Homenagem à Rua Melão, 50 - Sede da M50 Tecnologia
   =================================================================== */

[data-theme="melon"] {
    /* ===== SURFACE COLORS (Creme Verde Claro) ===== */
    --m50-surface-primary: #F1F8E9;
    --m50-surface-secondary: #F9FBE7;
    --m50-surface-tertiary: #E8F5E9;
    --m50-surface-elevated: #FFFFFF;
    --m50-surface-overlay: rgba(0, 0, 0, 0.4);
    
    /* Surface Aliases */
    --m50-bg-primary: var(--m50-surface-primary);
    --m50-bg-secondary: var(--m50-surface-secondary);
    --m50-bg-light: var(--m50-surface-tertiary);
    --m50-bg-dark: var(--m50-surface-primary);
    
    /* ===== TEXT COLORS (Cinza Azulado) ===== */
    --m50-text-primary: #263238;
    --m50-text-secondary: #546E7A;
    --m50-text-tertiary: #90A4AE;
    --m50-text-disabled: #B0BEC5;
    --m50-text-inverse: #FFFFFF;
    
    /* ===== BORDER COLORS (Verde Melão) ===== */
    --m50-border: #C5E1A5;
    --m50-border-light: #DCEDC8;
    --m50-border-dark: #9CCC65;
    --m50-border-focus: var(--m50-primary);
    
    /* ===== PRIMARY COLORS (Verde-Lima Melão) ===== */
    --m50-primary-50: #F1F8E9;
    --m50-primary-100: #DCEDC8;
    --m50-primary-200: #C5E1A5;
    --m50-primary-300: #AED581;
    --m50-primary-400: #9CCC65;
    --m50-primary-500: #8BC34A;
    --m50-primary-600: #7CB342;
    --m50-primary-700: #689F38;
    --m50-primary-800: #558B2F;
    --m50-primary-900: #33691E;
    
    --m50-primary: #C5E1A5;
    --m50-primary-light: #DCEDC8;
    --m50-primary-dark: #9CCC65;
    --primary-color: var(--m50-primary);
    --primary-hover: #AED581;
    
    /* ===== ACCENT COLORS (Bronze M50) ===== */
    --m50-accent-50: #FFF3E0;
    --m50-accent-100: #FFE0B2;
    --m50-accent-200: #FFCC80;
    --m50-accent-300: #E0A866;
    --m50-accent-400: #D48B3A;
    --m50-accent-500: #C77B2E;
    --m50-accent-600: #B8732E;
    --m50-accent-700: #A86828;
    --m50-accent-800: #985D22;
    --m50-accent-900: #7A4A1A;
    
    --m50-accent: #D48B3A;
    --m50-accent-light: #E0A866;
    --m50-accent-dark: #B8732E;
    
    /* ===== SEMANTIC COLORS ===== */
    
    /* Success (Verde mais vivo) */
    --m50-success-50: #E8F5E9;
    --m50-success-100: #C8E6C9;
    --m50-success-200: #A5D6A7;
    --m50-success-300: #81C784;
    --m50-success-400: #66BB6A;
    --m50-success-500: #4CAF50;
    --m50-success-600: #43A047;
    --m50-success-700: #388E3C;
    --m50-success-800: #2E7D32;
    --m50-success-900: #1B5E20;
    
    --m50-success: #66BB6A;
    --m50-success-light: #81C784;
    --m50-success-dark: #43A047;
    --m50-success-bg: rgba(102, 187, 106, 0.1);
    
    /* Danger (Vermelho suave) */
    --m50-danger-50: #FFEBEE;
    --m50-danger-100: #FFCDD2;
    --m50-danger-200: #EF9A9A;
    --m50-danger-300: #E57373;
    --m50-danger-400: #EF5350;
    --m50-danger-500: #F44336;
    --m50-danger-600: #E53935;
    --m50-danger-700: #D32F2F;
    --m50-danger-800: #C62828;
    --m50-danger-900: #B71C1C;
    
    --m50-danger: #EF5350;
    --m50-danger-light: #E57373;
    --m50-danger-dark: #E53935;
    --m50-danger-bg: rgba(239, 83, 80, 0.1);
    
    /* Warning (Amarelo Âmbar) */
    --m50-warning-50: #FFF8E1;
    --m50-warning-100: #FFECB3;
    --m50-warning-200: #FFE082;
    --m50-warning-300: #FFD54F;
    --m50-warning-400: #FFCA28;
    --m50-warning-500: #FFC107;
    --m50-warning-600: #FFB300;
    --m50-warning-700: #FFA000;
    --m50-warning-800: #FF8F00;
    --m50-warning-900: #FF6F00;
    
    --m50-warning: #FFCA28;
    --m50-warning-light: #FFD54F;
    --m50-warning-dark: #FFB300;
    --m50-warning-bg: rgba(255, 202, 40, 0.1);
    
    /* Info (Azul M50) */
    --m50-info-50: #E3F2FD;
    --m50-info-100: #BBDEFB;
    --m50-info-200: #90CAF9;
    --m50-info-300: #64B5F6;
    --m50-info-400: #42A5F5;
    --m50-info-500: #2196F3;
    --m50-info-600: #2C5F7D;
    --m50-info-700: #1E4A5F;
    --m50-info-800: #1565C0;
    --m50-info-900: #0D47A1;
    
    --m50-info: #2C5F7D;
    --m50-info-light: #4A7A99;
    --m50-info-dark: #1E4A5F;
    --m50-info-bg: rgba(44, 95, 125, 0.1);
    
    /* ===== GRAY SCALE ===== */
    --m50-gray-50: #FAFAFA;
    --m50-gray-100: #F5F5F5;
    --m50-gray-200: #EEEEEE;
    --m50-gray-300: #E0E0E0;
    --m50-gray-400: #BDBDBD;
    --m50-gray-500: #9E9E9E;
    --m50-gray-600: #757575;
    --m50-gray-700: #616161;
    --m50-gray-800: #424242;
    --m50-gray-900: #212121;
    
    /* ===== SHADOWS (Suaves) ===== */
    --m50-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.12);
    --m50-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.15);
    --m50-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.18);
    --m50-shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.2);
    
    /* Semantic Shadows */
    --m50-shadow-primary: 0 4px 12px rgba(197, 225, 165, 0.4);
    --m50-shadow-success: 0 4px 12px rgba(102, 187, 106, 0.4);
    --m50-shadow-danger: 0 4px 12px rgba(239, 83, 80, 0.4);
    --m50-shadow-warning: 0 4px 12px rgba(255, 202, 40, 0.4);
    
    /* ===== FINANCE MODULE COLORS (Melon) ===== */
    --finance-green: var(--m50-success);
    --finance-red: var(--m50-danger);
    --finance-blue: var(--m50-info);
    --finance-orange: var(--m50-warning);
    --finance-gray: var(--m50-gray-400);
    
    --finance-success: var(--m50-success);
    --finance-warning: var(--m50-warning);
    --finance-danger: var(--m50-danger);
    --finance-info: var(--m50-info);
    
    --finance-bg: var(--m50-bg-secondary);
    --finance-card-bg: var(--m50-surface-elevated);
    --finance-text: var(--m50-text-primary);
    --finance-text-secondary: var(--m50-text-secondary);
    
    /* ===== GRADIENTES FINANCEIROS (Melon Theme) ===== */
    
    /* Conta Corrente - Verde Melão */
    --m50-gradient-conta-corrente: linear-gradient(135deg, #9CCC65 0%, #8BC34A 100%);
    
    /* Poupança - Verde Escuro */
    --m50-gradient-poupanca: linear-gradient(135deg, #66BB6A 0%, #43A047 100%);
    
    /* Investimento - Azul M50 */
    --m50-gradient-investimento: linear-gradient(135deg, #2C5F7D 0%, #4A7A99 100%);
    
    /* Cartão - Bronze */
    --m50-gradient-cartao: linear-gradient(135deg, #D48B3A 0%, #E0A866 100%);
    
    /* Accent Gradient */
    --m50-gradient-primary: linear-gradient(135deg, #C5E1A5 0%, #AED581 100%);
    --m50-gradient-accent: linear-gradient(135deg, #D48B3A 0%, #B8732E 100%);
    
    /* ===== COMPONENTES ESPECÍFICOS ===== */
    
    /* Links */
    --link-color: var(--m50-primary-dark);
    --link-hover: var(--m50-primary);
    
    /* Inputs */
    --input-bg: var(--m50-surface-elevated);
    --input-border: var(--m50-border);
    --input-text: var(--m50-text-primary);
    --input-placeholder: var(--m50-text-tertiary);
    
    /* Cards */
    --card-bg: var(--m50-surface-elevated);
    --card-border: var(--m50-border-light);
    --card-shadow: var(--m50-shadow-md);
    
    /* Modals/Overlays */
    --overlay-bg: rgba(0, 0, 0, 0.5);
    --modal-bg: var(--m50-surface-elevated);
    
    /* Tables */
    --table-header-bg: var(--m50-primary-100);
    --table-row-hover: var(--m50-surface-tertiary);
    --table-border: var(--m50-border-light);
    
    /* Buttons */
    --button-primary-bg: var(--m50-primary);
    --button-primary-hover: var(--m50-primary-dark);
    --button-primary-text: var(--m50-text-primary);
    
    --button-secondary-bg: var(--m50-accent);
    --button-secondary-hover: var(--m50-accent-dark);
    --button-secondary-text: var(--m50-text-inverse);
    
    /* Sidebar/Menu */
    --sidebar-bg: var(--m50-surface-elevated);
    --sidebar-text: var(--m50-text-primary);
    --sidebar-hover: var(--m50-surface-tertiary);
    --sidebar-active: var(--m50-primary-100);
    
    /* Header/Navbar */
    --navbar-bg: var(--m50-surface-elevated);
    --navbar-text: var(--m50-text-primary);
    --navbar-border: var(--m50-border-light);
    
    /* Scrollbar */
    --scrollbar-track: var(--m50-surface-secondary);
    --scrollbar-thumb: var(--m50-border);
    --scrollbar-thumb-hover: var(--m50-primary);
    
    /* Status Colors */
    --status-active: var(--m50-success);
    --status-inactive: var(--m50-gray-400);
    --status-pending: var(--m50-warning);
    --status-error: var(--m50-danger);
}

/* ===== MELON THEME - AJUSTES ESPECÍFICOS ===== */

/* Melhor contraste de texto em backgrounds claros */
[data-theme="melon"] .btn-primary {
    color: var(--m50-text-primary);
    font-weight: 500;
}

[data-theme="melon"] .card {
    border: 1px solid var(--m50-border-light);
    box-shadow: var(--m50-shadow-sm);
}

[data-theme="melon"] .card:hover {
    box-shadow: var(--m50-shadow-md);
    border-color: var(--m50-primary);
}

/* Links com melhor destaque */
[data-theme="melon"] a:not(.m50-button) {
    color: var(--m50-primary-dark);
    text-decoration: none;
}

[data-theme="melon"] a:hover {
    color: var(--m50-primary);
    text-decoration: underline;
}

/* Badges e Tags */
[data-theme="melon"] .badge {
    background-color: var(--m50-primary-100);
    color: var(--m50-text-primary);
    border: 1px solid var(--m50-primary-200);
}

/* Seleção de texto */
[data-theme="melon"] ::selection {
    background-color: rgba(197, 225, 165, 0.3);
    color: var(--m50-text-primary);
}

/* Scrollbar (Webkit) */
[data-theme="melon"] ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

[data-theme="melon"] ::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

[data-theme="melon"] ::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 6px;
}

[data-theme="melon"] ::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}