/* Tema bege da area interna. 06/10/2026, Edu: "fundo preto dificulta a leitura da parte
   interna... cor bege ou levemente dourada, levemente mais escura que o site publico".
   As paginas internas definem as cores em :root; aqui o seletor html:not(...) tem
   especificidade maior e vale em todas sem mexer no CSS de cada uma. Quem preferir o
   escuro troca no botao do topo (tema.js) e a pagina volta ao :root original. */
html:not([data-tema="escuro"]){
  --bg:#EFE7D6; --bg-2:#F8F3E8; --bg-3:#E5DAC3;
  --ink:#22201B; --ink-2:#4E493E; --ink-3:#686152;
  --line:rgba(34,32,27,.13); --line-strong:rgba(34,32,27,.24);
  --gold:#7A5E1C; --gold-dim:rgba(122,94,28,.12);
  --signal:#A8391D; --ok:#2F6B4A;
  --tint:34,32,27;
  color-scheme: light;
}
html:not([data-tema="escuro"]) body{background:var(--bg);color:var(--ink)}
.bt-tema{background:none;border:1px solid var(--line-strong);color:var(--ink-2);border-radius:6px;
  padding:4px 9px;font:inherit;font-size:1rem;line-height:1;cursor:pointer;margin-left:6px}
@media print{html{--bg:#fff;--bg-2:#fff}}
/* barra do topo: as paginas pintam rgba(15,18,20,.9) fixo; no bege ela acompanha o fundo */
html:not([data-tema="escuro"]) .topo{background:rgba(239,231,214,.94) !important}

/* no celular o botao do tema empurrava o topo para 410px: some, o tema fica o padrao */
@media (max-width:640px){.bt-tema{display:none}}

/* 06/10/2026, Edu: "esse menu ficou pessimo". O botao do tema com texto empurrava o topo
   e tudo quebrava em duas linhas. Agora o tema e um icone e nada no topo quebra linha. */
.topo a,.topo button,.topo .cod,.topo .marca,.topo .publico{white-space:nowrap}
@media (max-width:1180px){.topo .cod{display:none}}