/* --- DEFINIÇÃO DE CORES GLOBAIS --- */
:root {
    --cor-fundo-principal: #FCF2EE; /* Fundo Suave */
    --cor-texto-escuro: #333333; /* Texto e Elementos Escuros */
    --cor-acento-claro: #F5E0E0; /* Fundo de Destaque, Hover */
    --cor-acento-escuro: #444444; /* Hover/Contraste de Botões */
    --joomla-color-primary: var(--cor-texto-escuro); /* Cor primária de ênfase (usada pelo Joomla/Bootstrap) */
}

/* --- 1. FUNDO E TEXTO PRINCIPAL --- */
/* --- 1. FUNDO E TEXTO PRINCIPAL --- */
body {
    background-color: var(--cor-fundo-principal); /* Aplica o fundo suave */
    color: var(--cor-texto-escuro); /* Define a cor principal do texto */
}
.header, 
.footer,
.header-inner,
.navbar-nav {
    background-color: transparent !important;
}

/* --- 2. CABEÇALHO, RODAPÉ E NAVEGAÇÃO --- */
/* Fundo do cabeçalho e navegação principal */
.header, 
.header-inner,
.navbar-nav,
.footer {
    background-color: var(--cor-acento-claro); /* Fundo de acento suave */
    color: var(--cor-texto-escuro);
}

/* Links no Menu de Navegação */
.navbar-nav a {
    color: var(--cor-texto-escuro) !important;
}

/* Item de Menu Ativo e Hover */
.navbar-nav a:hover,
.nav-pills > .active > a, 
.nav-pills > .active > a:hover {
    background-color: var(--cor-acento-escuro) !important;
    color: #FFFFFF !important; /* Texto branco no elemento ativo */
}

/* --- 3. LINKS E TÍTULOS GERAIS --- */
a {
    color: var(--cor-texto-escuro); /* Links normais com a cor escura */
}

a:hover {
    color: var(--cor-acento-escuro); /* Escurece ligeiramente ao passar o rato */
    text-decoration: underline;
}

/* --- 4. BOTÕES E ELEMENTOS PRIMÁRIOS (Bootstrap/Joomla) --- */
/* Estilo para Botões Primários (ex: 'Enviar', 'Guardar') */
.btn-primary,
.button-primary {
    background-color: var(--cor-texto-escuro); 
    border-color: var(--cor-texto-escuro);
    color: #FFFFFF !important; /* Texto branco */
}

.btn-primary:hover,
.button-primary:hover {
    background-color: var(--cor-acento-escuro); 
    border-color: var(--cor-acento-escuro);
}

/* --- 5. MÓDULOS E OUTROS BLOCOS DE CONTEÚDO --- */
/* Se houver módulos laterais ou de fundo que não o corpo principal */
.card, 
.card-header,
.well {
    background-color: #FFFFFF; /* Garante que os blocos de conteúdo são brancos */
    border: 1px solid var(--cor-acento-claro);
}

/* Fundo da Tabela de Destaque (como na administração) */
table thead tr {
    background-color: var(--cor-acento-claro);
    color: var(--cor-texto-escuro);
}