/* CSS Dinâmico com Variáveis Globais */

:root {
    --cor-primaria: #ff8c00;
    --cor-texto-primaria: #ffffff;
    --cor-destaque-clara: #00008b;
    --cor-texto-destaque: #ffffff;
    --cor-erro: #dc3545;
    --cor-sucesso: #198754;
}

/* ================================== */
/* CORES PRINCIPAIS (ESCURAS)         */
/* ================================== */

/* Apenas a barra de navegação recebe a cor de fundo primária agora */
.nav-background { background-color: var(--cor-primaria) !important; }

/* CORREÇÃO: A logo do login agora tem fundo BRANCO fixo */
.login-logo { 
    background-color: #ffffff !important; 
    border: 1px solid #eee; /* Borda sutil para destacar no fundo branco */
}

/* Links e textos da navegação */
.nav-brand a, .nav-links-menu a, .nav-user span { color: var(--cor-texto-primaria) !important; }
.nav-links-menu a:hover { background-color: rgba(0, 0, 0, 0.15) !important; }

/* Títulos coloridos com a cor primária */
h2, h3, h4, .page-header h1, .card-link h2, .login-form h2, .resumo-entradas { color: var(--cor-primaria) !important; }

/* Botões Principais (Login, Salvar, etc) */
button[type="submit"], #btn-zerar-contador, #add-new-user-btn, #btn-adicionar-total-gaveta, #btn-filtrar, .despesa-actions .verify-btn {
    background-color: var(--cor-primaria) !important;
    color: var(--cor-texto-primaria) !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 10px 20px !important;
}
button[type="submit"]:hover, #btn-zerar-contador:hover, #add-new-user-btn:hover, #btn-adicionar-total-gaveta:hover, #btn-filtrar:hover, .despesa-actions .verify-btn:hover { filter: brightness(85%); }

.seletor-aba button.aba-ativa { border-color: var(--cor-primaria) !important; color: var(--cor-primaria) !important; }

/* ================================== */
/* CORES DE DESTAQUE (CLARAS)         */
/* ================================== */

button[type="button"],
.nav-user a,
.bloco-botoes button,
.calendar-header button,
.user-actions button.edit-btn,
#importCsvButton,
.despesa-actions .edit-btn {
    background-color: var(--cor-destaque-clara) !important;
    color: var(--cor-texto-destaque) !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    border-radius: 20px !important;
    padding: 8px 15px !important;
}

button[type="button"]:hover,
.nav-user a:hover,
.bloco-botoes button:hover,
.calendar-header button:hover,
.user-actions button.edit-btn:hover,
#importCsvButton:hover,
.despesa-actions .edit-btn:hover {
    filter: brightness(92%);
}