/* themes.css - Sistema de Temas Multi-Marca */

/* ============================================== */
/* TEMA PADRÃO: EVVOLUE (Dark + Verde)           */
/* ============================================== */
:root,
[data-theme="evvolue"] {
    /* Cores de fundo */
    --bg-primary: #0d1117;
    --bg-secondary: #161b22;
    --bg-tertiary: #21262d;
    --bg-hover: #30363d;
    
    /* Cores de texto */
    --text-primary: #e6edf3;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    
    /* Cores de accent */
    --accent-primary: #238636;
    --accent-primary-hover: #2ea043;
    --accent-primary-light: rgba(35, 134, 54, 0.15);
    --accent-secondary: #1f6feb;
    --accent-blue: #58a6ff;
    --accent-green: #238636;
    
    /* Bordas */
    --border-color: #30363d;
    --border-light: #21262d;
    
    /* Cards */
    --card-bg: #161b22;
    --card-hover: #1c2128;
    
    /* Status */
    --status-success: #238636;
    --status-warning: #d29922;
    --status-danger: #f85149;
    --status-info: #58a6ff;
    
    /* Sidebar */
    --sidebar-bg: #010409;
    --sidebar-border: #30363d;
    
    /* Header */
    --header-bg: #161b22;
    
    /* Inputs */
    --input-bg: #0d1117;
    --input-border: #30363d;
    --input-focus: #238636;
    
    /* Mapa */
    --mapa-bg: #161b22;
    --mapa-estado: #21262d;
    --mapa-estado-hover: #30363d;
    --mapa-estado-border: #3d444d;
    --mapa-estado-ativo: #238636;
    
    /* Gráficos */
    --chart-text: #8b949e;
    --chart-grid: #30363d;
    --chart-border: #30363d;
    
    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* ============================================== */
/* TEMA BENEMED (Light + Roxo)                   */
/* ============================================== */
[data-theme="benemed"] {
    /* Cores de fundo */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F8F7FC;
    --bg-tertiary: #F0EEF8;
    --bg-hover: #E8E5F3;
    
    /* Cores de texto */
    --text-primary: #2D2D3A;
    --text-secondary: #5A5A6E;
    --text-muted: #8888A0;
    
    /* Cores de accent - Roxo BeneMed */
    --accent-primary: #8B7EC8;
    --accent-primary-hover: #7A6BB8;
    --accent-primary-light: rgba(139, 126, 200, 0.15);
    --accent-secondary: #4AABCF;
    --accent-blue: #4AABCF;
    --accent-green: #6BBF8A;
    
    /* Bordas */
    --border-color: #D0CDE0;
    --border-light: #E8E5F3;
    
    /* Cards */
    --card-bg: #FFFFFF;
    --card-hover: #F8F7FC;
    
    /* Status */
    --status-success: #6BBF8A;
    --status-warning: #E5A84B;
    --status-danger: #E85D6C;
    --status-info: #4AABCF;
    
    /* Sidebar */
    --sidebar-bg: #F0EEF8;
    --sidebar-border: #D0CDE0;
    
    /* Header */
    --header-bg: #FFFFFF;
    
    /* Inputs */
    --input-bg: #FFFFFF;
    --input-border: #D0CDE0;
    --input-focus: #8B7EC8;
    
    /* Mapa - cores mais escuras para contraste */
    --mapa-bg: #FFFFFF;
    --mapa-estado: #E0DCF0;
    --mapa-estado-hover: #C8C0E8;
    --mapa-estado-border: #B0A8D8;
    --mapa-estado-ativo: #8B7EC8;
    
    /* Gráficos - texto mais escuro para contraste */
    --chart-text: #4A4A5A;
    --chart-grid: #E0DCF0;
    --chart-border: #D0CDE0;
    
    /* Sombras */
    --shadow-sm: 0 1px 3px rgba(139, 126, 200, 0.1);
    --shadow-md: 0 4px 12px rgba(139, 126, 200, 0.15);
    --shadow-lg: 0 8px 24px rgba(139, 126, 200, 0.2);
}

/* ============================================== */
/* TEMA BENEVET (Light + Laranja/Coral)          */
/* ============================================== */
[data-theme="benevet"] {
    /* Cores de fundo */
    --bg-primary: #FFFBF5;
    --bg-secondary: #FDF6E3;
    --bg-tertiary: #FAF0D7;
    --bg-hover: #F5E8C8;
    
    /* Cores de texto */
    --text-primary: #3D3027;
    --text-secondary: #5A4D3D;
    --text-muted: #8A7B68;
    
    /* Cores de accent - Laranja/Coral BeneVet */
    --accent-primary: #E85D3B;
    --accent-primary-hover: #D64A28;
    --accent-primary-light: rgba(232, 93, 59, 0.15);
    --accent-secondary: #F4A261;
    --accent-blue: #4A9EC8;
    --accent-green: #7CB369;
    
    /* Bordas */
    --border-color: #E0D4C0;
    --border-light: #F0E8D8;
    
    /* Cards */
    --card-bg: #FFFFFF;
    --card-hover: #FDF6E3;
    
    /* Status */
    --status-success: #7CB369;
    --status-warning: #F4A261;
    --status-danger: #E85D3B;
    --status-info: #4A9EC8;
    
    /* Sidebar */
    --sidebar-bg: #FDF6E3;
    --sidebar-border: #E0D4C0;
    
    /* Header */
    --header-bg: #FFFBF5;
    
    /* Inputs */
    --input-bg: #FFFFFF;
    --input-border: #E0D4C0;
    --input-focus: #E85D3B;
    
    /* Mapa */
    --mapa-bg: #FFFFFF;
    --mapa-estado: #F5E8D0;
    --mapa-estado-hover: #EDD8B8;
    --mapa-estado-border: #D8C8A8;
    --mapa-estado-ativo: #E85D3B;
    
    /* Gráficos */
    --chart-text: #4A4030;
    --chart-grid: #E8DCC8;
    --chart-border: #D8C8A8;
    
    /* Sombras */
    --shadow-sm: 0 1px 3px rgba(232, 93, 59, 0.1);
    --shadow-md: 0 4px 12px rgba(232, 93, 59, 0.12);
    --shadow-lg: 0 8px 24px rgba(232, 93, 59, 0.15);
}

/* ============================================== */
/* TEMA MON SEGUROS (Dark + Dourado)             */
/* ============================================== */
[data-theme="monseguros"] {
    /* Cores de fundo */
    --bg-primary: #0F0F0F;
    --bg-secondary: #1A1A1A;
    --bg-tertiary: #252525;
    --bg-hover: #333333;
    
    /* Cores de texto */
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-muted: #808080;
    
    /* Cores de accent - Dourado Mon Seguros */
    --accent-primary: #D4A84B;
    --accent-primary-hover: #E5B95C;
    --accent-primary-light: rgba(212, 168, 75, 0.15);
    --accent-secondary: #C49A3B;
    --accent-blue: #5B9BD5;
    --accent-green: #6BBF6B;
    
    /* Bordas */
    --border-color: #3A3A3A;
    --border-light: #2A2A2A;
    
    /* Cards */
    --card-bg: #1A1A1A;
    --card-hover: #252525;
    
    /* Status */
    --status-success: #6BBF6B;
    --status-warning: #D4A84B;
    --status-danger: #E85555;
    --status-info: #5B9BD5;
    
    /* Sidebar */
    --sidebar-bg: #0A0A0A;
    --sidebar-border: #3A3A3A;
    
    /* Header */
    --header-bg: #1A1A1A;
    
    /* Inputs */
    --input-bg: #0F0F0F;
    --input-border: #3A3A3A;
    --input-focus: #D4A84B;
    
    /* Mapa */
    --mapa-bg: #1A1A1A;
    --mapa-estado: #252525;
    --mapa-estado-hover: #353535;
    --mapa-estado-border: #3A3A3A;
    --mapa-estado-ativo: #D4A84B;
    
    /* Gráficos */
    --chart-text: #B0B0B0;
    --chart-grid: #3A3A3A;
    --chart-border: #3A3A3A;
    
    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
    --shadow-lg: 0 8px 24px rgba(212, 168, 75, 0.1);
}

/* ============================================== */
/* TEMA EDUCARE (Dark + Azul Multi-cor)          */
/* ============================================== */
[data-theme="educare"] {
    /* Cores de fundo */
    --bg-primary: #0F1419;
    --bg-secondary: #192734;
    --bg-tertiary: #22303C;
    --bg-hover: #2C3E50;
    
    /* Cores de texto */
    --text-primary: #FFFFFF;
    --text-secondary: #8899A6;
    --text-muted: #657786;
    
    /* Cores de accent - Azul Educare */
    --accent-primary: #1E90FF;
    --accent-primary-hover: #3DA0FF;
    --accent-primary-light: rgba(30, 144, 255, 0.15);
    --accent-secondary: #7B68EE;
    --accent-blue: #1E90FF;
    --accent-green: #32CD32;
    
    /* Bordas */
    --border-color: #38444D;
    --border-light: #2C3E50;
    
    /* Cards */
    --card-bg: #192734;
    --card-hover: #22303C;
    
    /* Status */
    --status-success: #32CD32;
    --status-warning: #FFD700;
    --status-danger: #FF4757;
    --status-info: #1E90FF;
    
    /* Sidebar */
    --sidebar-bg: #0A0F14;
    --sidebar-border: #38444D;
    
    /* Header */
    --header-bg: #192734;
    
    /* Inputs */
    --input-bg: #0F1419;
    --input-border: #38444D;
    --input-focus: #1E90FF;
    
    /* Mapa */
    --mapa-bg: #192734;
    --mapa-estado: #22303C;
    --mapa-estado-hover: #2C3E50;
    --mapa-estado-border: #38444D;
    --mapa-estado-ativo: #1E90FF;
    
    /* Gráficos */
    --chart-text: #8899A6;
    --chart-grid: #38444D;
    --chart-border: #38444D;
    
    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 8px 24px rgba(30, 144, 255, 0.15);
}

/* ============================================== */
/* AJUSTES ESPECÍFICOS PARA TEMAS LIGHT          */
/* ============================================== */
[data-theme="benemed"] .nav-item:hover,
[data-theme="benevet"] .nav-item:hover {
    background: var(--bg-tertiary);
}

[data-theme="benemed"] .tabela th,
[data-theme="benevet"] .tabela th {
    background: var(--bg-tertiary);
}

[data-theme="benemed"] .btn-primary,
[data-theme="benevet"] .btn-primary {
    color: #FFFFFF;
}

[data-theme="benemed"] .modal,
[data-theme="benevet"] .modal {
    box-shadow: var(--shadow-lg);
}

/* Mapa - aplicar variáveis */
[data-theme="benemed"] .mapa-svg path,
[data-theme="benevet"] .mapa-svg path {
    stroke: var(--mapa-estado-border) !important;
    stroke-width: 1px !important;
}

/* ============================================== */
/* TRANSIÇÃO SUAVE ENTRE TEMAS                   */
/* ============================================== */
body,
.sidebar,
.header,
.main-content,
.card,
.modal,
.tabela,
.btn,
input,
select,
textarea {
    transition: background-color 0.3s ease,
                border-color 0.3s ease,
                color 0.3s ease,
                box-shadow 0.3s ease;
}