/* Hallmark · sistema: kit Pavanin Studio (identidade/GUIA.md + identidade/src/base.css)
 * grade 6 colunas · numeração · microtipografia · grafite de fundo
 * pre-emit critique: P5 H5 E5 S5 R5 V4
 *
 * Este arquivo é a única fonte da paleta e da tipografia publicadas.
 * O rascunho da bancada tem o mapa dele em criador.css, scoped em .rascunho.
 * Contrastes conferidos sobre #151A1E; tests/verificar.py falha se divergirem. */

@font-face { font-family: "Familjen Grotesk"; src: url("../fonts/familjen-100900.woff2") format("woff2");
  font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-400.woff2") format("woff2");
  font-weight: 400; font-display: swap; }
@font-face { font-family: "Inter"; src: url("../fonts/inter-500.woff2") format("woff2");
  font-weight: 500; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plexmono-400.woff2") format("woff2");
  font-weight: 400; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("../fonts/plexmono-500.woff2") format("woff2");
  font-weight: 500; font-display: swap; }

:root {
  color-scheme: dark;

  --papel: #151A1E;        /* grafite profundo: fundo de tudo */
  --tinta: #F3F0E8;        /* marfim: títulos e logo. 14,0:1 */
  --corpo: #CFCEC7;        /* texto corrido, como no kit. 11,1:1 */
  --tinta-fraca: #9AA3A7;  /* rótulos secundários. 6,8:1
                              (o cinza mineral #727A7E do kit dá 4,0:1 e reprova) */
  --linha: rgba(243, 240, 232, 0.16);
  --linha-forte: rgba(243, 240, 232, 0.34);
  --grade-linha: rgba(243, 240, 232, 0.10);  /* idêntico ao --linha do kit */

  /* esmeralda do kit: 3,35:1. Só display >=21px, régua, preenchimento e
     monograma. Nunca texto corrido, nunca fonte pequena. */
  --acento: #167A68;
  --acento-legivel: #1F9C83; /* 5,1:1, para o que é lido */
  --acento-sobre: #F3F0E8;   /* marfim sobre o esmeralda cheio: 4,6:1 */
  --quente: #B86443;         /* cobre fosco: detalhe raro, 4,1:1 */
  --quente-legivel: #C67C55; /* 5,4:1, quando o cobre precisa ser lido */

  --fonte-display: "Familjen Grotesk", system-ui, sans-serif;
  --fonte-texto: "Inter", system-ui, sans-serif;
  --fonte-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* tipografia do kit, verbatim de identidade/src/base.css */
  --peso-display: 700;
  --tracking-display: -0.022em;
  --altura-display: 0.98;
  --tracking-mono: 0.16em;

  --densidade: 1;
  --passo: calc(8px * var(--densidade));
  --margem-pagina: clamp(20px, 5vw, 72px);
  --colunas: 6;

  --raio: 0px;

  --movimento: 1;
  --duracao: calc(420ms * var(--movimento));
  --saida: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root { --movimento: 0; }
}