/* CSS Dinâmico - Paleta de Cores */
:root {
    /* Cores principais da paleta selecionada */
    --cor-principal: #B79A5F;
    --cor-secundaria: #222222;
    --cor-detalhes: #878582;
    --cor-fundo: #C5C3C1;
    --cor-fundo-branco: #FFFFFF;
    
    /* Cores específicas */
    --preto: #222222;
    --branco: #FFFFFF;
    --bg-navbar: #222222;
    --bg-footer: #222222;
    --bg-secao-clara: #f8f9fa;
    --texto-claro: #878582;
    --sombra-base: rgba(0, 0, 0, 0.1);
    --sombra-hover: rgba(0, 0, 0, 0.2);
    --gradiente-busca: linear-gradient(135deg, #B79A5F, #c4a961);
    --gradiente-content: linear-gradient(135deg, #222222, #878582);
    
    /* Variações automáticas */
    --cor-principal-hover: #A58B56;
    --cor-principal-light: #C5AE7F;
    --cor-principal-dark: #927B4C;
    
    /* Compatibilidade com sistema atual */
    --dourado: var(--cor-principal);
    --cinza-escuro: var(--cor-detalhes);
    --cinza-claro: var(--cor-fundo);
    --preto: var(--cor-secundaria);
    --branco: var(--cor-fundo-branco);
}

/* Aplicação das cores nos elementos principais */
.btn-primary,
.bg-primary {
    background-color: var(--cor-principal) !important;
    border-color: var(--cor-principal) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: var(--cor-principal-hover) !important;
    border-color: var(--cor-principal-hover) !important;
}

.text-primary,
a.text-primary {
    color: var(--cor-principal) !important;
}

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

/* Links */
a {
    color: var(--cor-principal);
}

a:hover {
    color: var(--cor-principal-hover);
}

/* Elementos de destaque */
.highlight,
.badge-primary {
    background-color: var(--cor-principal) !important;
    color: var(--cor-fundo-branco) !important;
}

/* Formulários */
.form-control:focus {
    border-color: var(--cor-principal) !important;
    box-shadow: 0 0 0 0.2rem rgba(183, 154, 95, 0.25) !important;
}

/* Navegação */
.navbar-brand,
.nav-link.active {
    color: var(--cor-principal) !important;
}

/* Cards e seções */
.card-header {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, var(--cor-detalhes) 100%) !important;
    color: var(--cor-fundo-branco) !important;
}

/* Backgrounds */
body {
    background-color: var(--cor-fundo);
}

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

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

/* Elementos específicos do admin */
.bg-orange {
    background-color: var(--cor-principal) !important;
}

.bg-blue,
.navbar.fixed-top {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, var(--cor-detalhes) 100%) !important;
}

/* Menu lateral */
#slide-out {
    background: linear-gradient(135deg, var(--cor-secundaria) 0%, var(--cor-detalhes) 100%) !important;
}

.white-skin .side-nav .collapsible li .collapsible-header:hover,
.white-skin .side-nav .collapsible li a:hover,
.white-skin .side-nav .collapsible li .collapsible-header.active {
    color: var(--cor-principal) !important;
}

/* Botões do dashboard */
.btn-group-dashboard button.active {
    background: linear-gradient(45deg, var(--cor-principal) 0%, var(--cor-principal-light) 100%) !important;
    box-shadow: 0 4px 8px rgba(183, 154, 95, 0.3);
}

/* Elementos destacados */
.in-execution {
    color: var(--cor-principal) !important;
}

#order-resume .money-label .symbol,
#order-resume .money-label .amount {
    color: var(--cor-principal) !important;
}

#modal-btn-receipt:hover div,
#modal-btn-receipt:hover i {
    border-color: var(--cor-principal) !important;
    color: var(--cor-principal) !important;
}

/* Elementos interativos */
.clickable-row:hover {
    background-color: var(--cor-fundo) !important;
}

/* Estados de validação */
.form-control:focus {
    border-color: var(--cor-principal) !important;
    box-shadow: 0 0 0 0.2rem rgba(183, 154, 95, 0.25) !important;
}

/* Atualizado em: 2026-02-11 02:34:14 */