/* tokens.css · SHM Consórcios · paleta D · Corretora (DESIGN.md v4 §1, decisão do Henrique de 10/11/2026)
   Fonte única dos hex: products/shm-consorcios/brandkit/sistemas-2026-11-10/receita/d_sistema.py.
   Cinco cores e nenhuma derivada: o que não cabe nelas não entra na página.
   Pares proibidos (qa/contraste.py confere que continuam reprovando): papel sobre laranja 2,57;
   laranja sobre claro 2,57. Laranja só no CTA e na prova; nunca dentro do cartão. */

/* Plus Jakarta Sans (OFL 1.1), servida do próprio domínio. Origem, sha256 e subset em assets/fonts/SHA256.txt.
   Pesos (DESIGN.md §2): 700 só no número da carta; 600 display, parcelas e CTA; 500 rótulos; 400 corpo.
   O 800 existe só dentro da logo, em vetor, e nunca é digitado. */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-400.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-500.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-600.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/plus-jakarta-sans-700.woff2") format("woff2");
}

/* Fallback com métrica casada, um por peso, medido em fontTools sobre hmtx e hhea (2026-11-11):
   largura de uma amostra PT-BR da própria página na Jakarta contra Arial (400 e 500) e Arial Bold
   (600 e 700); ascent e descent da Jakarta (1038 e 222 em 1000 unidades) divididos pelo size-adjust.
   Evita que a troca de fonte quebre a linha em outro lugar (CLS). */
@font-face {
  font-family: "Jakarta Fallback";
  font-weight: 400;
  src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 104.77%;
  ascent-override: 99.07%;
  descent-override: 21.19%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Jakarta Fallback";
  font-weight: 500;
  src: local("Arial"), local("ArialMT"), local("Helvetica");
  size-adjust: 105.82%;
  ascent-override: 98.09%;
  descent-override: 20.98%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Jakarta Fallback";
  font-weight: 600;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold");
  size-adjust: 99.89%;
  ascent-override: 103.92%;
  descent-override: 22.23%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Jakarta Fallback";
  font-weight: 700;
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Bold");
  size-adjust: 100.81%;
  ascent-override: 102.97%;
  descent-override: 22.02%;
  line-gap-override: 0%;
}

:root {
  /* ---- paleta D · Corretora (5 hex, sem derivados) ---- */
  --campo: #0B0B0C;      /* fundo de toda a página */
  --superficie: #1B1C20; /* cartão, campo de formulário */
  --papel: #F4F3EF;      /* todo texto principal; 17,72 no campo e 15,33 na superfície */
  --acento: #FF6A2B;     /* laranja: CTA (texto campo, 6,88) e a prova (texto sobre o campo, 6,88) */
  --nevoa: #A3A3AA;      /* rótulos, rodapé legal, fio da conta; 7,85 no campo e 6,79 na superfície */

  /* ---- neutros do redesenho claro (11/11, pedido do Henrique: "a LP ficou muito escura").
     FORA dos 5 hex do DESIGN.md v4: pendem de entrada no DESIGN.md pelo brand-shimana (handoff). ---- */
  --folha: #FFFFFF;      /* cartão claro sobre o papel, campo de formulário */
  --tinta-2: #5A5B62;    /* texto secundário e rótulo sobre o claro */
  --linha: #E0DED6;      /* fio decorativo dos cartões claros */
  --borda: #85868D;      /* borda de controle (input, escolha) sobre o claro: objeto de interface */

  /* Anel de foco: campo sobre o claro; laranja só nas zonas escuras (6,88 no campo), definido no styles.css. */
  --foco: var(--campo);

  --fonte: "Plus Jakarta Sans", "Jakarta Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Escala da LP (DESIGN.md §2, "Escala da LP"): razão 1,25 a partir de 16 px de corpo.
     12,8 rótulo · 16 corpo · 20 subtítulo e CTA · 25 e 31,25 display · 48,8 número da carta. */
  --fs-rotulo: 12.8px;
  --fs-corpo: 16px;
  --fs-sub: 20px;
  --fs-display: 25px;
  --fs-carta: 48.83px;
  --fs-h1: 31.25px;
  --fs-h2: 25px;
  --lh-corpo: 1.45;
  --lh-titulo: 1.1;
  --lh-numero: 1.2;
  --ls-rotulo: 0.06em;
  --ls-carta: -0.025em;

  /* Grade de 8 px (DESIGN.md §3) */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --space-8: 96px;
  --container: 1120px;
  /* larguras de leitura em em, nunca em ch: o "0" da Jakarta (0,732 em) e o do fallback (0,583 em) diferem
     25%, e uma largura em ch reflui o texto na troca de fonte (CLS medido no obrigado em 11/11). 45 em = 62 ch. */
  --measure: 45em;
  --radius-cartao: 16px;
  --radius-control: 12px;
  --radius-cta: 999px;
  --secao: var(--space-7);

  /* Motion (DESIGN.md §7): só translação, 200 ms em controle, 320 ms em bloco */
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --dur-small: 200ms;
  --dur-block: 320ms;
}

@media (min-width: 900px) {
  :root {
    --fs-h1: 48.83px;
    --fs-h2: 31.25px;
    --secao: var(--space-8);
  }
}