/* css/temas.css */

/* 1. Tema Claro (Padrão) */
:root {
    --cor-fundo: #f4f4f4;
    --cor-texto: #333;
    --cor-primaria: #007600;
    --cor-secundaria: #FFC900;
    --cor-fundo-painel: #ffffff;
    --cor-borda-painel: #ddd;
    --cor-texto-muted: #777;
    --cor-fundo-input: #fff;
    --cor-texto-input: #333;
    --cor-borda-input: #ccc;
    --cor-fundo-cabecalho-painel: #f5f5f5;
    --cor-fundo-hover: #f5f5f5;
}

/* 2. Tema Escuro (Quando o body tiver o atributo data-theme="dark") */
[data-theme="dark"] {
    --cor-fundo: #18191a; /* Um tom de cinza escuro mais padrão */
    --cor-texto: #e4e6eb; /* Texto principal mais claro */
    --cor-primaria: #007600;
    --cor-secundaria: #FFC900;
    --cor-fundo-painel: #242526; /* Fundo de painéis/cards */
    --cor-borda-painel: #444;
    --cor-texto-muted: #b0b3b8; /* Cor de texto secundário com mais contraste */
    --cor-fundo-input: #3a3b3c;
    --cor-texto-input: #e4e6eb;
    --cor-borda-input: #555;
    --cor-fundo-cabecalho-painel: #333;
    --cor-fundo-hover: #333;
}

/* ====================================================== */
/* Aplicação Global das Variáveis de Tema                 */
/* ====================================================== */

body {
    background-color: var(--cor-fundo);
    color: var(--cor-texto);
}

h1, h2, h3, h4, h5, h6, p, label, .lead {
    color: var(--cor-texto);
}

/* Componentes Bootstrap */
.page-header {
    border-bottom-color: var(--cor-borda-painel);
}

.panel {
    background-color: var(--cor-fundo-painel);
    border-color: var(--cor-borda-painel);
}

.panel-default > .panel-heading {
    background-color: var(--cor-fundo-cabecalho-painel);
    border-color: var(--cor-borda-painel);
}

.panel-body {
    background-color: var(--cor-fundo-painel);
}

.thumbnail {
    background-color: var(--cor-fundo-painel);
    border-color: var(--cor-borda-painel);
}

.well {
    background-color: var(--cor-fundo-painel);
    border-color: var(--cor-borda-painel);
}

.text-muted {
    color: var(--cor-texto-muted) !important;
}

.form-control {
    background-color: var(--cor-fundo-input);
    color: var(--cor-texto-input);
    border-color: var(--cor-borda-input);
}

.table > thead > tr > th,
.table > tbody > tr > td {
    border-top-color: var(--cor-borda-painel);
}

.table-hover > tbody > tr:hover {
    background-color: var(--cor-fundo-hover);
}

/* Modal */
[data-theme="dark"] .modal-content {
    background-color: var(--cor-fundo-painel);
    color: var(--cor-texto);
}
[data-theme="dark"] .modal-header {
    border-bottom-color: var(--cor-borda-painel);
}
[data-theme="dark"] .modal-footer {
    border-top-color: var(--cor-borda-painel);
}

/* Ajuste para links no rodapé e outras áreas */
[data-theme="dark"] footer a {
    color: var(--cor-secundaria) !important;
}
[data-theme="dark"] footer a:hover {
    color: #fff !important;
}