/* 
 * GAIA Web - Tema Customizado
 * Paleta de cores baseada na identidade visual do Grupo Revenda
 * Cores principais: Vermelho (#C92A2A / #A61C1C), Cinza Escuro, Preto
 */

/* ========================================
   DEFINIÇÃO DE CORES CUSTOMIZADAS
   ======================================== */
:root {
    /* Cores Primárias - Vermelho (Identidade) */
    --gaia-red-primary: #C92A2A;      /* Vermelho principal - texto/títulos */
    --gaia-red-hover: #A61C1C;        /* Vermelho escuro - hover */
    --gaia-red-danger: #8B1818;       /* Vermelho muito escuro - exclusão */
    
    /* Cores Secundárias - Cinza/Preto */
    --gaia-dark: #2B2B2B;             /* Preto suave */
    --gaia-gray-dark: #495057;        /* Cinza escuro - ações secundárias */
    --gaia-gray-medium: #6C757D;      /* Cinza médio */
    --gaia-gray-light: #ADB5BD;       /* Cinza claro */
    
    /* Cores de Status - Suavizadas */
    --gaia-green-pastel: #7CB89D;     /* Verde pastel - status ativo */
    --gaia-yellow-warning: #D97706;   /* Âmbar - avisos */
    --gaia-gray-disabled: #868E96;    /* Cinza - desativado */
    
    /* Cores de Botões - Tons Suaves Coloridos */
    --gaia-gray-purple: #6B7A8F;      /* Cinza arroxeado - Pesquisar */
    --gaia-gray-purple-hover: #576276;
    --gaia-gray-blue: #6B8A99;        /* Cinza azulado - Limpar/Cancelar */
    --gaia-gray-blue-hover: #557484;
    --gaia-gray-green: #7A9285;       /* Cinza esverdeado - Novo */
    --gaia-gray-green-hover: #5F7A6D;
    --gaia-red-gray: #8B6B6B;         /* Vermelho acinzentado - Editar */
    --gaia-red-gray-hover: #73575B;
}

/* ========================================
   BOTÕES CUSTOMIZADOS
   ======================================== */

/* Botão Cinza Arroxeado - Pesquisar */
.btn-gaia-search {
    background-color: var(--gaia-gray-purple);
    border-color: var(--gaia-gray-purple);
    color: white;
}

.btn-gaia-search:hover,
.btn-gaia-search:focus {
    background-color: var(--gaia-gray-purple-hover);
    border-color: var(--gaia-gray-purple-hover);
    color: white;
}

/* Botão Cinza Esverdeado - Novo */
.btn-gaia-new {
    background-color: var(--gaia-gray-green);
    border-color: var(--gaia-gray-green);
    color: white;
}

.btn-gaia-new:hover,
.btn-gaia-new:focus {
    background-color: var(--gaia-gray-green-hover);
    border-color: var(--gaia-gray-green-hover);
    color: white;
}

/* Botão Cinza Azulado - Limpar/Cancelar */
.btn-gaia-cancel {
    background-color: var(--gaia-gray-blue);
    border-color: var(--gaia-gray-blue);
    color: white;
}

.btn-gaia-cancel:hover,
.btn-gaia-cancel:focus {
    background-color: var(--gaia-gray-blue-hover);
    border-color: var(--gaia-gray-blue-hover);
    color: white;
}

/* Botão Vermelho Acinzentado - Editar */
.btn-gaia-edit {
    background-color: var(--gaia-red-gray);
    border-color: var(--gaia-red-gray);
    color: white;
}

.btn-gaia-edit:hover,
.btn-gaia-edit:focus {
    background-color: var(--gaia-red-gray-hover);
    border-color: var(--gaia-red-gray-hover);
    color: white;
}

/* Botão Vermelho Principal - Ações Importantes (manter para outros casos) */
.btn-gaia-primary {
    background-color: var(--gaia-red-primary);
    border-color: var(--gaia-red-primary);
    color: white;
}

.btn-gaia-primary:hover,
.btn-gaia-primary:focus {
    background-color: var(--gaia-red-hover);
    border-color: var(--gaia-red-hover);
    color: white;
}

.btn-gaia-primary:active {
    background-color: var(--gaia-red-danger) !important;
    border-color: var(--gaia-red-danger) !important;
}

/* Botão Cinza Escuro - Ações Secundárias (Editar) */
.btn-gaia-secondary {
    background-color: var(--gaia-gray-dark);
    border-color: var(--gaia-gray-dark);
    color: white;
}

.btn-gaia-secondary:hover,
.btn-gaia-secondary:focus {
    background-color: var(--gaia-dark);
    border-color: var(--gaia-dark);
    color: white;
}

/* Botão Cinza Médio - Limpar/Cancelar */
.btn-gaia-neutral {
    background-color: var(--gaia-gray-medium);
    border-color: var(--gaia-gray-medium);
    color: white;
}

.btn-gaia-neutral:hover,
.btn-gaia-neutral:focus {
    background-color: var(--gaia-gray-dark);
    border-color: var(--gaia-gray-dark);
    color: white;
}

/* Botão Vermelho Escuro - Exclusão (Perigo) */
.btn-gaia-danger {
    background-color: var(--gaia-red-danger);
    border-color: var(--gaia-red-danger);
    color: white;
}

.btn-gaia-danger:hover,
.btn-gaia-danger:focus {
    background-color: #6B0F0F;
    border-color: #6B0F0F;
    color: white;
}

/* Botão Âmbar - Desativar (Aviso) */
.btn-gaia-warning {
    background-color: var(--gaia-yellow-warning);
    border-color: var(--gaia-yellow-warning);
    color: white;
}

.btn-gaia-warning:hover,
.btn-gaia-warning:focus {
    background-color: #B45309;
    border-color: #B45309;
    color: white;
}

/* ========================================
   BADGES CUSTOMIZADOS
   ======================================== */

/* Badge Verde Pastel - Status Ativo */
.badge-gaia-success {
    background-color: var(--gaia-green-pastel) !important;
    color: white;
}

/* Badge Vermelho Escuro - Status Excluído */
.badge-gaia-danger {
    background-color: var(--gaia-red-danger) !important;
    color: white;
}

/* Badge Cinza - Status Desativado */
.badge-gaia-secondary {
    background-color: var(--gaia-gray-disabled) !important;
    color: white;
}

/* Badge Cinza Escuro - Bloqueado */
.badge-gaia-locked {
    background-color: var(--gaia-gray-dark) !important;
    color: white;
}

/* ========================================
   HEADER DE TABELA
   ======================================== */

/* Table Header - Preto suave */
.table-dark-gaia {
    background-color: var(--gaia-dark) !important;
    color: white;
}

.table-dark-gaia th {
    border-color: #3a3a3a;
}

/* ========================================
   MODAL HEADERS CUSTOMIZADOS
   ======================================== */

/* Modal Header Aviso - Âmbar */
.modal-header-gaia-warning {
    background-color: var(--gaia-yellow-warning);
    color: white;
}

.modal-header-gaia-warning .btn-close {
    filter: brightness(0) invert(1);
}

/* Modal Header Perigo - Vermelho Escuro */
.modal-header-gaia-danger {
    background-color: var(--gaia-red-danger);
    color: white;
}

.modal-header-gaia-danger .btn-close {
    filter: brightness(0) invert(1);
}

/* ========================================
   ALERTS CUSTOMIZADOS
   ======================================== */

/* Alert Sucesso - Verde Suave */
.alert-gaia-success {
    background-color: #D1FAE5;
    border-color: var(--gaia-green-pastel);
    color: #065F46;
}

/* Alert Erro - Vermelho */
.alert-gaia-danger {
    background-color: #FEE2E2;
    border-color: var(--gaia-red-danger);
    color: #7F1D1D;
}

/* Alert Info - Cinza Azulado */
.alert-gaia-info {
    background-color: #E0E7FF;
    border-color: #4C51BF;
    color: #3730A3;
}

/* ========================================
   UTILITÃRIOS
   ======================================== */

/* Logo GAIAWEB - Maiúsculas, Vermelho, Negrito */
.navbar-brand.gaia-logo {
    text-transform: uppercase !important;
    color: var(--gaia-red-primary) !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
}

.navbar-brand.gaia-logo:hover {
    color: var(--gaia-red-hover) !important;
}

/* Títulos de Página - Vermelho */
h1.gaia-page-title {
    color: var(--gaia-red-primary) !important;
    font-weight: 600;
}

/* Texto Vermelho Principal */
.text-gaia-primary {
    color: var(--gaia-red-primary) !important;
}

/* Background Vermelho Principal */
.bg-gaia-primary {
    background-color: var(--gaia-red-primary) !important;
}

/* Borda Vermelho Principal */
.border-gaia-primary {
    border-color: var(--gaia-red-primary) !important;
}

/* ========================================
   OVERRIDE DE CLASSES BOOTSTRAP (OPCIONAL)
   Descomente se quiser substituir completamente
   ======================================== */

/*
.btn-primary {
    background-color: var(--gaia-red-primary);
    border-color: var(--gaia-red-primary);
}

.btn-primary:hover {
    background-color: var(--gaia-red-hover);
    border-color: var(--gaia-red-hover);
}

.btn-danger {
    background-color: var(--gaia-red-danger);
    border-color: var(--gaia-red-danger);
}

.badge.bg-success {
    background-color: var(--gaia-green-success) !important;
}

.badge.bg-danger {
    background-color: var(--gaia-red-danger) !important;
}

.badge.bg-secondary {
    background-color: var(--gaia-gray-disabled) !important;
}
*/