/* =========================================================================
   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.

   Origem: "Brandbook Campanha Prof Villa" (18 pranchas, agosto/2026). Paleta
   da prancha 7, tipografia das pranchas 8 e 9, logotipo do "Logo prof Villa.ai".
   Os SVG em marca/ foram extraídos do próprio .ai, então são a curva oficial,
   não redesenho.

   Platypi (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 variável (300 a 800), ~65KB por estilo nos dois subsets.

   A fonte secundária do brandbook é Helvetica Neue, que NÃO tem licença web.
   Por isso ela entra como pilha de sistema: bate exata no Apple (onde ela é
   nativa) e cai em Helvetica/Arial no resto, que é o parente mais próximo.
   Não troque por uma "parecida" do Google Fonts: seria mais um peso na rede
   para ficar mais longe do brandbook, não mais perto.
   ========================================================================= */

@font-face {
  font-family: "Platypi";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("fontes/platypi-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: "Platypi";
  font-style: normal;
  font-weight: 300 800;
  font-display: swap;
  src: url("fontes/platypi-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;
}
/* O itálico é do brandbook, não enfeite: os slogans das pranchas 15 e 17
   ("São Paulo, sempre na frente!", "Chega de mediocridade...") são Platypi
   itálico. Sem o arquivo, o navegador inclina a romana e a forma some. */
@font-face {
  font-family: "Platypi";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("fontes/platypi-italico-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: "Platypi";
  font-style: italic;
  font-weight: 300 800;
  font-display: swap;
  src: url("fontes/platypi-italico-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 {
  /* Primária do brandbook: serifada, para manchete, número e slogan. */
  --fonte-titulo: "Platypi", Georgia, "Times New Roman", serif;
  /* Secundária: corpo, rótulo, botão, formulário. */
  --fonte: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* ---- Paleta oficial (prancha 7 do brandbook) ----
     Seis cores, do mais escuro ao amarelo. Os nomes são a escada: quem precisa
     de "um azul um pouco mais claro" sobe um degrau em vez de inventar hex. */
  --azul-noite: #0a183e;   /* fundo da página */
  --azul: #204284;         /* faixa alternada, modal, superfície elevada */
  --azul-forte: #0b4f99;
  --azul-medio: #3567b1;   /* grafismo em V */
  --azul-claro: #44a8de;   /* fios, links, o "V" do V1566 */
  --amarelo: #fcd600;      /* número 1566, cargo, destaque */

  --branco: #ffffff;       /* o logotipo é branco puro; a manchete acompanha */
  --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;

  /* Canais das cores de marca. É o que amarra as derivadas em rgba() ao token:
     sem isto, trocar --amarelo deixa ~20 derivadas no valor velho, e o sinc.sh
     não percebe porque ele copia arquivo, não confere cor. */
  --amarelo-rgb: 252, 214, 0;
  --azul-noite-rgb: 10, 24, 62;
  --azul-rgb: 32, 66, 132;
  --azul-claro-rgb: 68, 168, 222;
  --text-rgb: 238, 242, 251;
  --erro-rgb: 255, 138, 122;
  --whatsapp-rgb: 37, 211, 102;

  --muted: rgba(var(--text-rgb), 0.64);
  /* Duas cores da paleta não têm contraste suficiente em corpo pequeno, e as
     duas são MUITO usadas em corpo pequeno (rótulo de seção, frase de adesão).
     Estes são os tons de uso, não cores novas: mesmo matiz, claridade ajustada.
       --azul-claro (#44a8de) sobre --azul dá 3,6:1;  este tom dá 4,9:1.
       --amarelo (#fcd600) sobre branco dá 1,4:1;     este tom dá 5,5:1.
     Use a cor da paleta em superfície e em texto grande; estas em texto miúdo. */
  --azul-claro-texto: #7ec2e8;
  --amarelo-tinta: #7d6700;
  /* O fio é AZUL CLARO, não amarelo: no logotipo oficial são os riscos que
     abraçam "PROFESSOR" e sublinham "VILLA". O amarelo é do número e do cargo. */
  --linha: rgba(var(--azul-claro-rgb), 0.38);

  /* Canto: o brandbook é reto (serifa, número chapado, grafismo em V). Um raio
     pequeno tira a aspereza do formulário sem virar vocabulário de app. */
  --raio: 4px;

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

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

  /* ---- Nomes antigos, mantidos como apelido ----
     O site, as LPs e o painel foram escritos contra estes nomes. Apontá-los
     para a paleta nova troca a marca inteira num lugar só; renomear em cinco
     projetos ao mesmo tempo é que daria divergência silenciosa. */
  --gold: var(--amarelo);
  --navy: var(--azul);
  --navy-deep: var(--azul-noite);
  --navy-alto: var(--azul-forte);
  --navy-modal: var(--azul);
  --gold-rgb: var(--amarelo-rgb);
  --navy-deep-rgb: var(--azul-noite-rgb);
}

/* O destaque da manchete: palavra em amarelo dentro da frase branca, como
   "1566" e "DEPUTADO FEDERAL" dentro do logotipo. Mora aqui porque é assinatura
   de marca, não enfeite de uma página: marca.css é o único arquivo que os
   projetos todos carregam.

   Substitui a antiga .tarja (texto navy sobre retângulo amarelo). O brandbook
   novo não tem tarja em prancha nenhuma: o amarelo dele é tinta de letra. */
.destaque {
  color: var(--amarelo);
}

/* O fio do logotipo, virado elemento de página: risco fino azul-claro que abre
   uma seção ou fecha um bloco. Mesma espessura e mesma cor dos riscos que
   abraçam "PROFESSOR". */
.fio-marca {
  border: 0;
  height: 1px;
  background: var(--azul-claro);
  opacity: 0.55;
}