/*
 * Kit de fontes do Córtex Político — fonte única de tipografia (decisão do Davy, 22/10/2026).
 *
 * Uma família só, Inter 4.001 (variável, OFL), no estilo da globo.com: título, texto e dado na mesma letra,
 * com espaço entre letras apertado nos títulos. Medidas tiradas da globo.com ao vivo em 22/10/2026.
 * Leia o README.md desta pasta antes de mudar qualquer valor.
 *
 * Os caminhos abaixo são relativos a este arquivo: copie a pasta `arquivos/` junto, sempre pelo script
 * scripts/copiar_kit_de_fontes.py, nunca à mão.
 */

@font-face {
  font-family: "Cortex Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("arquivos/inter-variavel-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: "Cortex Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("arquivos/inter-variavel-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* Os três papéis. Hoje apontam para a mesma família; o papel existe para que uma troca futura seja de uma linha. */
  --fonte-titulo: "Cortex Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --fonte-texto: "Cortex Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --fonte-dado: "Cortex Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  /* O dado sempre com algarismos de largura fixa: no Inter os dígitos são proporcionais por padrão. */
  --fonte-dado-algarismos: tabular-nums lining-nums;

  /* Pesos permitidos: só estes três. */
  --peso-normal: 400;
  --peso-medio: 600;
  --peso-forte: 700;

  /* Escala. Cada degrau tem tamanho, entrelinha e espaço entre letras (em em, para acompanhar o tamanho). */
  --manchete-tamanho: 56px;   --manchete-entrelinha: 1.2;   --manchete-espaco: -0.055em;   /* globo.com: 56/67,2, −3,08 px */
  --titulo-1-tamanho: 40px;   --titulo-1-entrelinha: 1.2;   --titulo-1-espaco: -0.045em;
  --titulo-2-tamanho: 28px;   --titulo-2-entrelinha: 1.2;   --titulo-2-espaco: -0.035em;   /* globo.com: 24/28,8, −0,84 px */
  --titulo-3-tamanho: 20px;   --titulo-3-entrelinha: 1.2;   --titulo-3-espaco: -0.03em;    /* globo.com: 20/24, −0,6 px */
  --titulo-4-tamanho: 18px;   --titulo-4-entrelinha: 1.2;   --titulo-4-espaco: -0.025em;   /* globo.com: 18/21,6, −0,45 px */
  --texto-grande-tamanho: 18px; --texto-grande-entrelinha: 1.5; --texto-grande-espaco: -0.015em;
  --texto-tamanho: 16px;      --texto-entrelinha: 1.5;      --texto-espaco: -0.01em;
  --texto-pequeno-tamanho: 14px; --texto-pequeno-entrelinha: 1.45; --texto-pequeno-espaco: -0.005em;
  --rotulo-tamanho: 12px;     --rotulo-entrelinha: 1.35;    --rotulo-espaco: 0.04em;       /* caixa alta pede espaço positivo */
  --legenda-tamanho: 12px;    --legenda-entrelinha: 1.4;    --legenda-espaco: 0;
  --dado-destaque-tamanho: 48px; --dado-destaque-entrelinha: 1.05; --dado-destaque-espaco: -0.03em;
  --dado-tamanho: 15px;       --dado-entrelinha: 1.35;      --dado-espaco: 0;
}

/* No celular, os três maiores degraus encolhem. */
@media (max-width: 640px) {
  :root {
    --manchete-tamanho: 36px;
    --titulo-1-tamanho: 30px;
    --titulo-2-tamanho: 24px;
    --dado-destaque-tamanho: 40px;
  }
}

/* Classes prontas. Usar a classe ou as variáveis; nunca escrever tamanho, peso ou família soltos. */
.k-manchete, .k-titulo-1, .k-titulo-2, .k-titulo-3 { font-family: var(--fonte-titulo); font-weight: var(--peso-forte); }
.k-titulo-4 { font-family: var(--fonte-titulo); font-weight: var(--peso-medio); }
.k-manchete { font-size: var(--manchete-tamanho); line-height: var(--manchete-entrelinha); letter-spacing: var(--manchete-espaco); }
.k-titulo-1 { font-size: var(--titulo-1-tamanho); line-height: var(--titulo-1-entrelinha); letter-spacing: var(--titulo-1-espaco); }
.k-titulo-2 { font-size: var(--titulo-2-tamanho); line-height: var(--titulo-2-entrelinha); letter-spacing: var(--titulo-2-espaco); }
.k-titulo-3 { font-size: var(--titulo-3-tamanho); line-height: var(--titulo-3-entrelinha); letter-spacing: var(--titulo-3-espaco); }
.k-titulo-4 { font-size: var(--titulo-4-tamanho); line-height: var(--titulo-4-entrelinha); letter-spacing: var(--titulo-4-espaco); }

.k-texto-grande, .k-texto, .k-texto-pequeno, .k-legenda { font-family: var(--fonte-texto); font-weight: var(--peso-normal); }
.k-texto-grande { font-size: var(--texto-grande-tamanho); line-height: var(--texto-grande-entrelinha); letter-spacing: var(--texto-grande-espaco); }
.k-texto { font-size: var(--texto-tamanho); line-height: var(--texto-entrelinha); letter-spacing: var(--texto-espaco); }
.k-texto-pequeno { font-size: var(--texto-pequeno-tamanho); line-height: var(--texto-pequeno-entrelinha); letter-spacing: var(--texto-pequeno-espaco); }
.k-legenda { font-size: var(--legenda-tamanho); line-height: var(--legenda-entrelinha); letter-spacing: var(--legenda-espaco); }

.k-rotulo {
  font-family: var(--fonte-texto); font-weight: var(--peso-forte); text-transform: uppercase;
  font-size: var(--rotulo-tamanho); line-height: var(--rotulo-entrelinha); letter-spacing: var(--rotulo-espaco);
}

.k-dado, .k-dado-destaque { font-family: var(--fonte-dado); font-variant-numeric: var(--fonte-dado-algarismos); }
.k-dado { font-size: var(--dado-tamanho); line-height: var(--dado-entrelinha); letter-spacing: var(--dado-espaco); }
.k-dado-destaque {
  font-weight: var(--peso-forte);
  font-size: var(--dado-destaque-tamanho); line-height: var(--dado-destaque-entrelinha); letter-spacing: var(--dado-destaque-espaco);
}