/* Gerado pelo Gerenciador de Visual (Tema) */
:root {
  --fonte_principal: 'Raleway', sans-serif;
  --fonte_secundaria: 'Open Sans', sans-serif;
  --tamanho_fonte_base: .9rem;
  --peso_fonte_titulo: 700;
  --cor_fundo_app: #EAEAEA;
  --cor_fundo_superficie: #FFFFFF;
  --cor_texto_principal: #545454;
  --cor_texto_secundario: #666666;
  --cor_borda_base: rgba(0,0,0,0.12);
  --cor_sombra_base: rgba(0,0,0,0.18);
  --cor_primaria: #005ca9;
  --cor_primaria_hover: #0f3f7a;
  --cor_primaria_contraste: #FFFFFF;
  --cor_destaque: #f9b000;
  --cor_destaque_contraste: #FFFFFF;
  --cor_link: #005ca9;
  --cor_link_hover: #0f3f7a;
  --cor_nav_fundo: #005ca9;
  --cor_nav_texto: #FFFFFF;
  --cor_nav_texto_hover: #DADADA;
  --altura_header: 90px;
  --altura_header_shrink: 50px;
  --cor_titulo_principal: #545454;
  --cor_sublinhado_titulo_claro: #FFFFFF;
  --cor_sublinhado_titulo_escuro: #545454;
  --cor_borda_input: #CCCCCC;
  --cor_input_texto: #878787;
  --cor_input_foco: #0066b3;
  --cor_input_placeholder: rgba(0,0,0,0.35);
  --cor_footer_fundo: #005ca9;
  --cor_footer_texto: #FFFFFF;
  --cor_footer_borda: rgba(255,255,255,0.2);
  --cor_footer_link: rgba(255,255,255,0.7);
  --cor_footer_link_hover: #FFFFFF;
  --raio_borda: 0px;
  --raio_borda_card: 0px;
  --raio_borda_input: 0px;
  --espessura_borda: 1px;
  --sombra_card: 0 1px 2px rgba(0,0,0,0.18);
  --sombra_modal: 1px 1px 1px rgba(0,0,0,0.5);
  --espaco_base: 16px;
}

:root {
  --cor_fundo: var(--cor_fundo_app);
  --cor_texto: var(--cor_texto_principal);
}


/* theme-overrides.css (embutido) */
/*
  Overwrites (não minificado) para substituir pontos do `estilo.css`/legado
  por variáveis do tema (`theme.css`).

  Objetivo: permitir alterar identidade visual em um só lugar.
*/

:root {
  color-scheme: light;
}

/* Tipografia base */
body {
  font-family: var(--fonte_principal);
  color: var(--cor_texto_principal);
  background: var(--cor_fundo_app);
  font-size: var(--tamanho_fonte_base);
}

/* Links */
a {
  color: var(--cor_link);
}
a:hover {
  color: var(--cor_link_hover);
}

/* Botões Bootstrap (garante consistência mesmo quando o legado sobrescreve) */
.btn {
  border-radius: var(--raio_borda) !important;
}
.btn-primary {
  background-color: var(--cor_primaria) !important;
  border-color: var(--cor_primaria) !important;
  color: var(--cor_primaria_contraste) !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.show > .btn-primary.dropdown-toggle {
  background-color: var(--cor_primaria_hover) !important;
  border-color: var(--cor_primaria_hover) !important;
}

.btn-warning {
  background-color: var(--cor_destaque) !important;
  border-color: var(--cor_destaque) !important;
  color: var(--cor_destaque_contraste) !important;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.show > .btn-warning.dropdown-toggle {
  filter: brightness(0.98);
}

/* Campos */
.form-control {
  border-color: var(--cor_borda_input) !important;
  color: var(--cor_input_texto) !important;
  border-radius: var(--raio_borda_input) !important;
}
.form-control::placeholder {
  color: var(--cor_input_placeholder) !important;
}
.form-control:focus {
  border-color: var(--cor_input_foco) !important;
}

/* Cards / superfícies comuns (Bootstrap + ElementUI) */
.card,
.modal-content,
.el-card {
  border-radius: var(--raio_borda_card) !important;
  box-shadow: var(--sombra_card);
  border-color: var(--cor_borda_base);
}
.modal-content {
  box-shadow: var(--sombra_modal) !important;
}

/* Navbar topo (portal/app/protocolo) */
nav#navbar-topo {
  background-color: var(--cor_nav_fundo);
}

/* Rodapé do portal (se existir) */
footer {
  background-color: var(--cor_footer_fundo);
  color: var(--cor_footer_texto);
}
footer a {
  color: var(--cor_footer_link);
}
footer a:hover {
  color: var(--cor_footer_link_hover);
}

/* Títulos (helper para padronizar) */
.titulo,
h1, h2, h3 {
  color: var(--cor_titulo_principal);
}