/* Tema da TigerBox para a aplicação do estúdio: os tokens --ec-* com a marca do site (tigerbox.pt, v2): o branco
   quente #F2EFE9 no fundo, o preto #0A0A0A nos títulos e nos botões, e o laranja do tigre como acento, num tom mais
   fundo (#D9440F) onde é texto sobre claro, para se ler bem. Oswald nos títulos e na marca, em maiúsculas; Inter no
   corpo, como no site. Só o tema claro (o site é escuro; os slides levam o preto, na combinação Noite).
   A marca na barra: o tigre à esquerda, TIGERBOX e o subtítulo por baixo, sem o traço. */

:root {
  --ec-acento: #D9440F;
  --ec-acento-forte: #B8380B;
  --ec-escuro: #0A0A0A;
  --ec-acento-suave: rgba(255, 90, 31, .09);
  --ec-fundo: #F2EFE9;
  --ec-alerta: #B8380B;
  --ec-tinta: #0A0A0A;
  --ec-texto: #2A2826;
  --ec-cinza: #5F5B55;
  --ec-linha: rgba(10, 10, 10, .12);
  --ec-linha-forte: rgba(10, 10, 10, .26);
  --ec-superficie: #FFFFFF;
  --ec-sobre-acento: #FFFFFF;
  --ec-botao: #0A0A0A;
  --ec-sobre-botao: #F2EFE9;
  --ec-sombra: rgba(10, 10, 10, .12);
  --ec-brilho: rgba(255, 90, 31, .22);
  --ec-f-titulo: "Oswald", "Arial Narrow", Impact, sans-serif;
  --ec-f-corpo: "Inter", system-ui, sans-serif;
  --ec-f-marca: "Oswald", "Arial Narrow", sans-serif;
  --ec-marca-peso: 700;
  --ec-faixa: #E6E1D8;
  --ec-faixa-texto: #3D3934;
  --ec-veu: rgba(10, 10, 10, .55);
  --ec-toast: #0A0A0A;
  --ec-verde: #2F6B45;
  --ec-vermelho: #B8380B;
  --ec-entrada: radial-gradient(120% 80% at 50% 0%, rgba(255, 90, 31, .12), transparent 60%), #F2EFE9;
  color-scheme: light;
}

/* Os títulos em Oswald, maiúsculas como no site, sem itálico falso. */
.cabeca-vista h1 { font-weight: 700; text-transform: uppercase; letter-spacing: .005em; }
.cabeca-vista h1 em { font-style: normal; color: var(--ec-acento); }

/* A marca: o tigre à esquerda, o nome em 700 e o subtítulo pequeno, sem o traço. */
.marca:not(.marca-img) { padding: 0 0 0 46px; min-height: 40px; justify-content: center; background: url("../img/tigre-preto.svg") left center / 36px auto no-repeat; }
.marca:not(.marca-img) .marca-risco { display: none; }
.marca-nome { font-weight: 700; font-size: 25px; letter-spacing: .03em; color: var(--ec-tinta); }
.marca-sub { font-family: var(--ec-f-corpo); font-weight: 700; font-size: 9px; letter-spacing: .16em; margin-top: 3px; }
.topo-movel .marca:not(.marca-img) { padding-left: 38px; background-size: 30px auto; }
.topo-movel .marca-nome { font-size: 21px; }
.topo-movel .marca-sub { font-size: 8px; }