/* custom-colors.css */

:root {
    --primary-color: #1e40af; /* Azul principal */
    --primary-hover: #1d4ed8; /* Azul hover */
    --secondary-color: #3b82f6; /* Azul secundário */
    --accent-color: #60a5fa; /* Azul claro */
    --background-primary: #f8fafc; /* Fundo claro */
    --background-secondary: #ffffff; /* Fundo branco */
    --text-primary: #1e293b; /* Texto escuro */
    --text-secondary: #64748b; /* Texto secundário */
    --border-color: #e2e8f0; /* Bordas */
    --success-color: #10b981; /* Verde sucesso */
    --warning-color: #f59e0b; /* Amarelo aviso */
    --error-color: #ef4444; /* Vermelho erro */
}

/* Aplicar cores uniformes aos elementos do menu */
.menu-section {
    background: var(--background-secondary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

.menu-section h3 {
    color: var(--primary-color) !important;
    border-bottom: 2px solid var(--accent-color) !important;
}

.menu-section button {
    background: var(--primary-color) !important;
    color: white !important;
    border: none !important;
}

.menu-section button:hover {
    background: var(--primary-hover) !important;
}

/* Uniformizar cores dos cards e elementos */
.card, .dashboard-card {
    background: var(--background-secondary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Uniformizar cores dos botões */
button:not(.menu-section button) {
    background: var(--secondary-color) !important;
    color: white !important;
    border: 1px solid var(--secondary-color) !important;
}

button:not(.menu-section button):hover {
    background: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

/* Uniformizar cores dos links */
a {
    color: var(--primary-color) !important;
}

a:hover {
    color: var(--primary-hover) !important;
}

/* Uniformizar cores dos inputs */
input, textarea, select {
    border: 1px solid var(--border-color) !important;
    background: var(--background-secondary) !important;
    color: var(--text-primary) !important;
}

input:focus, textarea:focus, select:focus {
    border-color: var(--primary-color) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.1) !important;
}

/* Uniformizar cores do header/navbar */
header, nav, .navbar {
    background: var(--background-secondary) !important;
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Uniformizar cores do footer */
footer {
    background: var(--background-primary) !important;
    border-top: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
}

/* Uniformizar cores de texto */
h1, h2, h3, h4, h5, h6 {
    color: var(--text-primary) !important;
}

p, span, div {
    color: var(--text-primary) !important;
}

/* Uniformizar cores de status */
.success, .text-success {
    color: var(--success-color) !important;
}

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

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

/* Uniformizar background do body */
body {
    background: var(--background-primary) !important;
    color: var(--text-primary) !important;
}

/* Uniformizar cores de tabelas */
table {
    background: var(--background-secondary) !important;
    border: 1px solid var(--border-color) !important;
}

th {
    background: var(--background-primary) !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border-color) !important;
}

td {
    border-bottom: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Uniformizar cores de modais */
.modal, .dialog {
    background: var(--background-secondary) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-primary) !important;
}

/* Uniformizar cores de alertas */
.alert {
    border: 1px solid var(--border-color) !important;
    background: var(--background-secondary) !important;
}

.alert-success {
    background: rgba(16, 185, 129, 0.1) !important;
    border-color: var(--success-color) !important;
    color: var(--success-color) !important;
}

.alert-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    border-color: var(--warning-color) !important;
    color: var(--warning-color) !important;
}

.alert-error {
    background: rgba(239, 68, 68, 0.1) !important;
    border-color: var(--error-color) !important;
    color: var(--error-color) !important;
}