/**
 * Paleta de Cores - Aprovado na Ordem
 * Baseada na logo do sistema
 * 
 * Cores extraídas da logo:
 * - Primary: #00214e (azul escuro principal)
 * - Secondary: #002250 (azul escuro secundário)
 * - Accent: #00224f (azul escuro de destaque)
 */

:root {
    /* Cores principais baseadas na logo */
    --primary-color: #00214e;
    /* Azul escuro principal da logo */
    --primary-light: #003d7a;
    /* Versão mais clara para hover e gradientes */
    --primary-dark: #001a3a;
    /* Versão mais escura para contrastes */

    /* Cores secundárias harmoniosas */
    --secondary-color: #4a5c7a;
    /* Azul acinzentado para textos secundários */
    --accent-color: #1e4a7c;
    /* Azul médio para destaques */

    /* Cores do sistema (mantidas para funcionalidade) */
    --success-color: #28a745;
    /* Verde para sucesso */
    --danger-color: #dc3545;
    /* Vermelho para erros */
    --warning-color: #ffc107;
    /* Amarelo para avisos */
    --info-color: #17a2b8;
    /* Azul claro para informações */

    /* Tons neutros */
    --light-color: #f8f9fa;
    /* Fundo claro */
    --dark-color: #1a1a1a;
    /* Texto escuro */

    /* Tons de texto */
    --text-primary: #00214e;
    /* Texto principal */
    --text-secondary: #4a5c7a;
    /* Texto secundário */
    --text-muted: #6c757d;
    /* Texto desbotado */

    /* Bordas e fundos */
    --border-color: #e2e8f0;
    /* Cor das bordas */
    --background-light: #f7fafc;
    /* Fundo claro */

    /* Gradientes padrão */
    --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    --gradient-secondary: linear-gradient(135deg, var(--secondary-color) 0%, var(--accent-color) 100%);
}

/* Classes utilitárias para cores */
.text-primary-custom {
    color: var(--primary-color) !important;
}

.text-secondary-custom {
    color: var(--secondary-color) !important;
}

.text-accent {
    color: var(--accent-color) !important;
}

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

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

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

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

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

/* Gradientes personalizados */
.bg-gradient-primary-custom {
    background: var(--gradient-primary) !important;
}

.bg-gradient-secondary-custom {
    background: var(--gradient-secondary) !important;
}

/* Botões com a nova paleta */
.btn-primary-custom {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

.btn-primary-custom:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
    color: white;
}

/* Sobrescrever botões primary do Bootstrap para usar a cor do login */
.btn-primary {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    border: none;
    color: white;
    font-weight: 500;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 33, 78, 0.2);
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 33, 78, 0.3);
    color: white;
}

.btn-primary:focus {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    box-shadow: 0 0 0 0.2rem rgba(0, 33, 78, 0.25);
}

.btn-primary:active {
    background: var(--primary-color);
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 33, 78, 0.2);
}

.btn-outline-primary-custom {
    color: var(--primary-color);
    border-color: var(--primary-color);
}

.btn-outline-primary-custom:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: white;
}

/* Sobrescrever botões outline-primary do Bootstrap */
.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
    background-color: transparent;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%);
    border-color: var(--primary-color);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0, 33, 78, 0.3);
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 33, 78, 0.25);
}

.btn-outline-primary:active {
    background: var(--primary-color);
    border-color: var(--primary-color);
    transform: translateY(0);
}