/* ============================================
   SystemDmello - TEMA CORES
   Versão: 9.0.0
   Desenvolvedor: Delfábio
   Última modificação: 28/08/2026
   Descrição: Paleta de cores corporativa azul do SystemDmello
   ============================================ */

/* ===== VARIÁVEIS GLOBAIS (NOVA PALETA AZUL) ===== */
:root {
    /* Cores Principais */
    --cor-primaria: #112444;        /* Yankees Blue */
    --cor-secundaria: #1A3059;      /* Space Cadet */
    --cor-destaque: #203E70;        /* Indigo */
    --cor-fundo-claro: #F5F7FA;     /* Azul muito claro */
    --cor-suporte: #92A8C0;         /* Pewter Blue */
    --cor-suave: #C5D3E3;           /* Azul claro suave */
    --cor-texto: #112444;           /* Yankees Blue */
    
    /* Variáveis RGB para transparências (Regra 2.3 - Sem hardcoded) */
    --rgb-primaria: 17, 36, 68;
    --rgb-secundaria: 26, 48, 89;
    --rgb-destaque: 32, 62, 112;
    --rgb-fundo-claro: 245, 247, 250;
    --rgb-suporte: 146, 168, 192;
    --rgb-suave: 197, 211, 227;
    --rgb-texto: 17, 36, 68;
    --rgb-erro: 192, 57, 43;
    --rgb-sucesso: 39, 174, 96;
    --rgb-alerta: 146, 168, 192;
    --rgb-info: 32, 62, 112;
    
    /* Cores de Status */
    --cor-sucesso: #27AE60;
    --cor-erro: #C0392B;
    --cor-alerta: #92A8C0;
    --cor-info: #203E70;
    
    /* Cores de Fundo para Status */
    --cor-sucesso-bg: rgba(var(--rgb-sucesso), 0.15);
    --cor-erro-bg: rgba(var(--rgb-erro), 0.15);
    --cor-alerta-bg: rgba(var(--rgb-alerta), 0.20);
    --cor-info-bg: rgba(var(--rgb-info), 0.15);
    
    /* Sombras */
    --sombra-padrao: 0 4px 15px rgba(var(--rgb-primaria), 0.15);
    --sombra-destaque: 0 8px 30px rgba(var(--rgb-destaque), 0.25);
    
    /* Bordas */
    --borda-padrao: 2px solid var(--cor-suave);
    --borda-destaque: 2px solid var(--cor-destaque);
    
    /* Espaçamentos */
    --espacamento-padrao: 20px;
    --espacamento-pequeno: 10px;
    --espacamento-grande: 30px;
    
    /* Arredondamentos */
    --raio-padrao: 8px;
    --raio-grande: 12px;
    --raio-xl: 20px;
    
    /* Fontes */
    --fonte-principal: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --fonte-titulo: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

    /* ===== VARIÁVEIS DE COMPONENTES ===== */
    --btn-primary-bg: var(--cor-destaque);
    --btn-primary-color: var(--cor-fundo-claro);
    --btn-primary-hover: var(--cor-secundaria);
    
    --btn-secondary-bg: var(--cor-suave);
    --btn-secondary-color: var(--cor-texto);
    --btn-secondary-hover: var(--cor-suporte);
    
    --btn-success-bg: var(--cor-sucesso);
    --btn-success-color: var(--cor-fundo-claro);
    --btn-success-hover: #1E8449;
    
    --btn-danger-bg: var(--cor-erro);
    --btn-danger-color: var(--cor-fundo-claro);
    --btn-danger-hover: #A93226;
    
    --btn-warning-bg: var(--cor-alerta);
    --btn-warning-color: var(--cor-fundo-claro);
    --btn-warning-hover: var(--cor-destaque);
    
    --input-border: var(--cor-suave);
    --input-focus: var(--cor-destaque);
    --input-bg: var(--cor-fundo-claro);
    --input-color: var(--cor-texto);
    
    --table-header-bg: var(--cor-primaria);
    --table-header-color: var(--cor-fundo-claro);
    --table-border: var(--cor-suave);
    --table-hover: rgba(var(--rgb-destaque), 0.05);
    
    --modal-bg: var(--cor-fundo-claro);
    --modal-header-bg: var(--cor-primaria);
    --modal-header-color: var(--cor-fundo-claro);
}

/* ===== UTILITÁRIOS ===== */
.text-primary { color: var(--cor-primaria); }
.text-secondary { color: var(--cor-secundaria); }
.text-destaque { color: var(--cor-destaque); }
.text-suporte { color: var(--cor-suporte); }
.text-suave { color: var(--cor-suave); }
.text-white { color: var(--cor-fundo-claro); }
.text-dark { color: var(--cor-texto); }

.bg-primary { background: var(--cor-primaria); }
.bg-secondary { background: var(--cor-secundaria); }
.bg-destaque { background: var(--cor-destaque); }
.bg-claro { background: var(--cor-fundo-claro); }
.bg-suporte { background: var(--cor-suporte); }
.bg-suave { background: var(--cor-suave); }

.text-success { color: var(--cor-sucesso); }
.text-danger { color: var(--cor-erro); }
.text-warning { color: var(--cor-alerta); }
.text-info { color: var(--cor-info); }

.bg-success { background: var(--cor-sucesso-bg); }
.bg-danger { background: var(--cor-erro-bg); }
.bg-warning { background: var(--cor-alerta-bg); }
.bg-info { background: var(--cor-info-bg); }

.border-success { border-color: var(--cor-sucesso); }
.border-danger { border-color: var(--cor-erro); }
.border-warning { border-color: var(--cor-alerta); }
.border-info { border-color: var(--cor-info); }