/* icons/marca/marca.css — O logo do TemplateOS Studio, igual na extensão e no site (lá, em /app/icons/marca/).
 * Os SVGs vêm sem mudança do pacote do dono (TemplateOS-Studio_Logo-Pack v2): o texto já em curvas e as cores do guia.
 * Sem <svg> na página: o html2canvas percorre cada um a cada captura, e o PNG e o vídeo ficam mais lentos.
 *
 *   <span class="logo-marca logo-marca--horizontal" role="img" aria-label="TemplateOS Studio"></span>
 *   <span class="logo-marca logo-marca--simbolo" role="img" aria-label="TemplateOS Studio"></span>
 *
 * A altura vem de quem usa; a largura sai da proporção. No guia, o mínimo da horizontal é de 140 px de largura, e o do
 * símbolo, 24 px. A horizontal segue o tema: a cor negativa no escuro, a cor positiva no claro. O símbolo em vermelho
 * serve nos dois. */
.logo-marca {
  display: block;
  flex: none;
  background: no-repeat left center / contain;
}
.logo-marca--horizontal {
  aspect-ratio: 1596.84 / 244;
  background-image: url('horizontal-cor-negativa.svg');
}
.logo-marca--simbolo {
  aspect-ratio: 1;
  background-image: url('simbolo-vermelho.svg');
}
@media (prefers-color-scheme: light) {
  :root:not([data-tema="escuro"]) .logo-marca--horizontal { background-image: url('horizontal-cor-positiva.svg'); }
}
:root[data-tema="claro"] .logo-marca--horizontal { background-image: url('horizontal-cor-positiva.svg'); }