/* =========================================================================
   Marca do Prof. Villa: fonte e cores. FONTE ÚNICA de identidade visual.
   Carregado por TODOS os projetos (LPs, site, painel) antes do CSS próprio.
   Edite aqui e rode ./sinc.sh. Nunca redeclare uma cor de marca fora daqui.

   REM (Google Fonts, licença OFL) auto-hospedada de propósito: servida pelo CDN
   do Google, ela manda o IP de cada visitante para o Google, e a nossa
   Declaração de Consentimento promete compartilhar dados só com prestador
   técnico sob contrato. Fonte remota contradiria o texto que a própria página
   exibe. Arquivo único variável (400 a 800), 62KB nos dois subsets.
   ========================================================================= */

@font-face {
  font-family: "REM";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fontes/rem-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
    U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "REM";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("fontes/rem-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF,
    U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
    U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --fonte: "REM", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Amarelo amostrado da arte oficial. O #f4b50c que a lp-villa antiga usa é
     mais âmbar e NÃO bate com as peças: não copie ele para nada novo. */
  --gold: #ffd900;
  --navy: #0a1a3f;
  --navy-deep: #061026;
  --text: #eef2fb;
  --erro: #ff8a7a;
  --whatsapp: #25d366;
  /* Par de contraste do verde. Os dois andam sempre juntos. */
  --whatsapp-texto: #052b14;
  /* Verde claro: existe por legibilidade em corpo pequeno sobre painel escuro
     (a etiqueta de 11px bold do admin). Não use em superfície grande. */
  --whatsapp-claro: #4ade80;

  /* Navies que estavam escritos à mão fora daqui. */
  --navy-alto: #14306b;   /* topo do gradiente radial (LPs e login do painel) */
  --navy-modal: #0c1a3a;  /* fundo da caixa do modal, sempre escuro */

  /* Preenchimento do campo autopreenchido pelo Chrome. O padrão serve ao navy
     das LPs; quem põe o formulário sobre fundo claro redefine no próprio escopo. */
  --campo-auto-fundo: #101f45;
  --campo-auto-texto: var(--text);

  /* Hover: realce, nunca levantar (translateY). */
  --realce-hover: brightness(1.06);

  /* Canais das cores de marca. É o que amarra as derivadas em rgba() ao token:
     sem isto, trocar --gold deixa ~20 derivadas no valor velho, e o sinc.sh não
     percebe porque ele copia arquivo, não confere cor. */
  --gold-rgb: 255, 217, 0;
  --navy-deep-rgb: 6, 16, 38;
  --text-rgb: 238, 242, 251;
  --erro-rgb: 255, 138, 122;
  --whatsapp-rgb: 37, 211, 102;

  --muted: rgba(var(--text-rgb), 0.62);
  --linha: rgba(var(--gold-rgb), 0.28);
}

/* A tarja: texto navy sobre amarelo, igual ao "É gratuito!" da arte oficial.
   Mora aqui porque é assinatura de marca, não enfeite de uma página: marca.css
   é o único arquivo que os 4 projetos carregam.
   box-decoration-break faz a tarja acompanhar cada linha quando o texto quebra,
   em vez de virar um retângulo só atrás do parágrafo inteiro. */
.tarja {
  background: var(--gold);
  color: var(--navy-deep);
  padding: 0.02em 0.2em 0.1em;
  margin-left: -0.2em;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}