/*
  tokens.css — identidade visual da Aporta (etapa "Clareza"), fonte ÚNICA de
  cor e fonte para todas as páginas de cfo.aporta.capital.

  Nenhuma página escreve cor ou fonte solta: tudo lê daqui. Mudou a marca,
  muda este arquivo e todas as páginas acompanham.

  Prefixo --aporta- de propósito: este arquivo também é carregado dentro do
  cockpit do cliente (cabeçalho da área logada), que já define --accent e
  outros nomes curtos no :root. Sem prefixo, os tokens daqui repintariam o
  cockpit.

  Só propriedades e @font-face — nenhum seletor de elemento. Carregar este
  arquivo em qualquer página não muda a aparência de nada por si só.

  Servido em /marca/tokens.css (handle /marca/* do Caddyfile, somente leitura).
*/

/* Archivo, uma família em duas larguras: eixo wdth 100..125, peso 400..600.
   Hospedada aqui, não no Google Fonts: a entrevista não busca nada fora do
   próprio domínio. Licença: fontes/OFL.txt. */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100% 125%;
  font-display: swap;
  src: url(/marca/fontes/archivo-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;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 600;
  font-stretch: 100% 125%;
  font-display: swap;
  src: url(/marca/fontes/archivo-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;
}

:root {
  /* Cor */
  --aporta-ink: #05132A;          /* texto principal e títulos; nunca preto puro */
  --aporta-text-muted: #6B6B6B;   /* texto secundário, rótulos, notas (nunca sobre clareza: 4.1:1) */
  --aporta-surface: #FFFFFF;      /* fundo da página */
  --aporta-surface-alt: #F7F7FA;  /* fundo alternativo de seção */
  --aporta-rule: #E1E4E7;         /* linhas finas de 1px */
  --aporta-borda-campo: #C9CDD2;  /* borda de campo de formulário, mais visível que rule */
  --aporta-accent: #295DA9;       /* UM elemento por tela */
  --aporta-on-accent: #FFFFFF;    /* texto sobre o accent */
  --aporta-clareza: #D0E4FF;      /* tom da etapa: fundos pontuais, progresso, mensagem informativa */
  --aporta-azul-300: #99B6DD;     /* formas e detalhes; nunca cor de texto */
  --aporta-marinho-700: #183451;  /* o único bloco escuro, se houver */
  --aporta-marinho-900: #05132A;  /* fundo do hero escuro da raiz (variante B); mesmo valor de ink */

  /* Status — somente para status, nunca decoração */
  --aporta-positivo: #2E8B6B;     /* salvo, sucesso */
  --aporta-atencao: #C58F2D;      /* aviso */
  --aporta-risco: #B0463C;        /* erro */

  /* Fonte */
  --aporta-fonte: Archivo, Arial, sans-serif;
  --aporta-largura-expandida: 125%;  /* títulos, números de destaque, pergunta */
  --aporta-peso-titulo: 500;
  --aporta-peso-texto: 400;
  --aporta-peso-destaque: 600;       /* só frase-chave */
  --aporta-tamanho-rotulo: 13px;

  /* Forma */
  --aporta-raio: 0;
  --aporta-raio-campo: 2px;
  --aporta-linha: 1px;
  --aporta-foco: 2px;

  /* Espaço: múltiplos de 4px */
  --aporta-e1: 4px;
  --aporta-e2: 8px;
  --aporta-e3: 12px;
  --aporta-e4: 16px;
  --aporta-e6: 24px;
  --aporta-e8: 32px;
  --aporta-e12: 48px;
  --aporta-e16: 64px;
  --aporta-e24: 96px;

  /* Wordmark: largura mínima 120px */
  --aporta-wordmark-min: 120px;
}