/* Marca do Acervo: losango vazado + "acervo" (TASK-106). Um arquivo só, usado por todas as
   páginas, para a marca não divergir entre telas. As cores seguem o mesmo mecanismo de tema
   das páginas (data-theme no <html>, com a preferência do sistema como padrão). */
:root{ --brand-mark:#413568; --brand-word:#282441; }
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){ --brand-mark:#B8B0F3; --brand-word:#F2F3F5; }
}
:root[data-theme="dark"]{ --brand-mark:#B8B0F3; --brand-word:#F2F3F5; }
:root[data-theme="light"]{ --brand-mark:#413568; --brand-word:#282441; }

.brand-logo{ display:inline-flex; align-items:center; text-decoration:none; color:var(--brand-word); min-width:0; }
.brand-mark{ display:inline-block; width:18px; height:18px; border:3px solid var(--brand-mark);
  transform:rotate(45deg); margin:0 13px 0 4px; flex:0 0 auto; box-sizing:content-box; }
.brand-word{ font:700 23px/1 Arial,Helvetica,sans-serif; letter-spacing:-1px; color:var(--brand-word); }
@media (max-width:560px){ .brand-word{ font-size:20px; } }

/* Selo de beta ao lado da marca (TASK-112): o sistema está em avaliação e o acesso é de teste. */
.beta-badge{ display:inline-flex; align-items:center; align-self:center; margin-left:2px; padding:4px 8px; border:1px solid var(--brand-mark);
  border-radius:99px; color:var(--brand-mark); font:700 10px/1 Arial,Helvetica,sans-serif; letter-spacing:.12em; text-transform:uppercase; text-decoration:none; white-space:nowrap; }
.beta-badge:hover{ background:var(--brand-mark); color:var(--brand-badge-ink,#fff); }
:root[data-theme="dark"]{ --brand-badge-ink:#24222F; }
@media (prefers-color-scheme:dark){ :root:not([data-theme="light"]){ --brand-badge-ink:#24222F; } }