/* ═══════════════════════════════════════════════════════
   theme-base.css — regras globais válidas para qualquer tema
   Cada tema é auto-contido; este arquivo é mínimo.
   ═══════════════════════════════════════════════════════ */

/* Header de seção: quem manda na cor é a seção, não o tema.
   O PHP serve aqui o logo que a cor da seção pedir — branco sobre
   seção escura, preto sobre seção clara (header.php, section_ink_on).
   Nos dois casos o arquivo já chega na tinta certa e qualquer filtro
   por cima estraga. Vários temas recolorem `.logo img` sem escopo de
   header e acabam pintando o logo com a cor do tema: vermelho sobre
   laranja, roxo sobre verde. Esta regra impede isso de todos eles.

   A especificidade aqui é (0,3,1) — três classes contra as duas de
   `body.theme-X .logo img` (0,2,2). Vence mesmo carregando antes do
   arquivo do tema, sem precisar de !important. */
.header.header--section .logo img {
  filter: none;
}


/* Hero da home: borda na cor do tema, para o slider entrar na temporada
   junto com o resto da página. Fora de tema a borda é `var(--border)`,
   branca a 7%, e o bloco não dá sinal nenhum de que há tema no ar.

   Uma regra só serve os quinze temas porque todos redefinem --green-rgb
   no `body.theme-X`. O 20anos é a exceção de propósito: ele não sobrescreve
   nada de cor, então cai no verde da marca vindo de _tokens.css — que é
   exatamente a cor dele.

   Este arquivo só é carregado quando há tema ativo (main.php), então não
   precisa de seletor de guarda; e como vem depois do main.min.css, ganha
   de `.h2-hero` do _home2.css na mesma especificidade.

   Mesma família visual do `.c-owl` que os temas já pintam — borda fina e
   halo largo — mas sem o pulso: o hero já troca de slide sozinho, e mais
   uma animação na moldura viraria barulho. */
.h2-hero {
  border-color: rgba(var(--green-rgb), .30);
  box-shadow:
    0 0 24px rgba(var(--green-rgb), .08),
    0 0  8px rgba(var(--green-rgb), .05);
}


/* BlastTV!: o play e o "Inscrever-se" dos vídeos do YouTube são vermelhos
   só no tema padrão. Com tema no ar eles vestem a cor dele, como o hero
   acima. A tinta vira escura porque metade dos temas tem cor clara (amarelo,
   rosa, verde) e branco em cima some.

   Declarado no body porque é lá que cada tema redefine --green: a var()
   resolve no mesmo elemento e já sai com a cor da temporada. */
body {
  --tv-play:     var(--green);
  --tv-play-ink: var(--dark);
}