/* ========================================
   PADRONIZAÇÃO DE CORES - EVOLUÇÃO DO CORPO
   ======================================== */

/* Cores principais padronizadas */
:root {
    --primary-blue: #007bff;
    --primary-blue-hover: #0056b3;
    --light-blue: #e3f2fd;
    --dark-blue: #2c3e50;
    --success-green: #28a745;
    --warning-orange: #fd7e14;
    --danger-red: #dc3545;
    --info-cyan: #17a2b8;
    --light-gray: #f8f9fa;
    --border-gray: #dee2e6;
    --text-muted: #6c757d;
}

/* Substituição de gradientes azuis por cores sólidas */
.bg-gradient-primary,
.bg-gradient-blue,
[style*="linear-gradient(135deg, #667eea"],
[style*="linear-gradient(135deg, #764ba2"] {
    background: var(--primary-blue) !important;
}

/* Cards com fundo azul gradiente */
.card.bg-primary,
.card[style*="linear-gradient"] {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Headers de seção */
.section-header,
.card-header.bg-primary,
[class*="header"][style*="linear-gradient"] {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Botões com gradiente azul */
.btn[style*="linear-gradient"],
.btn-gradient {
    background: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
    color: white !important;
}

.btn[style*="linear-gradient"]:hover,
.btn-gradient:hover {
    background: var(--primary-blue-hover) !important;
    border-color: var(--primary-blue-hover) !important;
}

/* Containers principais */
.main-container,
.dashboard-container,
.analysis-container,
[class*="container"][style*="linear-gradient"] {
    background: var(--light-gray) !important;
}

/* Cards de estatísticas */
.stat-card,
.summary-stat,
.prediction-card,
[class*="stat"][style*="linear-gradient"] {
    background: white !important;
    color: var(--dark-blue) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
    border: 1px solid var(--border-gray) !important;
}

/* Badges e ícones */
.badge[style*="linear-gradient"],
.icon-badge,
[class*="badge"][style*="linear-gradient"] {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Seções de conteúdo */
.content-section,
.analysis-section,
[class*="section"][style*="linear-gradient"] {
    background: white !important;
    border: 1px solid var(--border-gray) !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

/* Headers de página */
.page-header,
.main-header,
[class*="header"][style*="linear-gradient"] {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Navegação */
.nav-header,
.sidebar-header,
[class*="nav"][style*="linear-gradient"] {
    background: var(--primary-blue) !important;
    color: white !important;
}

/* Override específico para elementos que devem manter gradiente */
.keep-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

/* Melhorias de acessibilidade */
.btn:focus,
.card:focus,
.badge:focus {
    outline: 2px solid var(--primary-blue) !important;
    outline-offset: 2px !important;
}

/* Estados hover melhorados */
.card:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .stat-card,
    .summary-stat,
    .prediction-card {
        margin-bottom: 1rem !important;
    }
    
    .card-header {
        padding: 0.75rem !important;
    }
}

/* Utilitários de cor */
.text-primary {
    color: var(--primary-blue) !important;
}

.bg-primary {
    background-color: var(--primary-blue) !important;
}

.border-primary {
    border-color: var(--primary-blue) !important;
}

/* Override para elementos específicos que precisam de atenção especial */
.alert-primary {
    background-color: var(--light-blue) !important;
    border-color: var(--primary-blue) !important;
    color: var(--dark-blue) !important;
}

.progress-bar {
    background-color: var(--primary-blue) !important;
}

/* Melhorias para formulários */
.form-control:focus {
    border-color: var(--primary-blue) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

/* Links */
a {
    color: var(--primary-blue) !important;
}

a:hover {
    color: var(--primary-blue-hover) !important;
}

/* Tabelas */
.table-primary {
    background-color: var(--light-blue) !important;
}

.table-primary th,
.table-primary td {
    border-color: var(--primary-blue) !important;
}