/* ============================================================
   MRX News · tokens.css
   Os tokens --fn-* do protótipo passam a CONSUMIR as variáveis do
   theme.json (--wp--preset--color--* e --wp--preset--font-family--*).
   Assim, editar cor/fonte em Aparência > Editor > Estilos surte efeito
   em todo o CSS do tema, que continua usando os mesmos --fn-* de sempre.
   Fallbacks garantem o visual mesmo fora do WordPress (ex.: protótipo).
   ============================================================ */

:root {
  /* Cores da marca (consomem a paleta do theme.json) */
  --fn-azul: var(--wp--preset--color--azul, #0B3D91);
  --fn-azul-norte: var(--wp--preset--color--azul-norte, #1F6FE0);
  --fn-azul-claro: var(--wp--preset--color--azul-claro, #7FB4FF);
  --fn-noite: var(--wp--preset--color--noite, #0D1626);
  --fn-wa: var(--wp--preset--color--wa, #25D366);
  --fn-wa-escuro: var(--wp--preset--color--wa-escuro, #128C7E);

  /* Neutros de jornal */
  --fn-paper: var(--wp--preset--color--papel, #ffffff);
  --fn-paper-2: var(--wp--preset--color--papel-2, #f3f6fb);
  --fn-ink: var(--wp--preset--color--tinta, #121820);
  --fn-ink-2: var(--wp--preset--color--tinta-2, #3a4553);
  --fn-muted: var(--wp--preset--color--muted, #6a7480);
  --fn-line: var(--wp--preset--color--linha, #e2e6ec);
  --fn-line-2: var(--wp--preset--color--linha-2, #cdd4dd);
  --fn-line-ink: var(--wp--preset--color--tinta, #121820);
  --fn-line-dark: #273243;

  /* Tipografia (consome as fontes do theme.json) */
  --fn-font-display: var(--wp--preset--font-family--archivo, "Archivo", "Arial Narrow", system-ui, sans-serif);
  --fn-font-text: var(--wp--preset--font-family--archivo, "Archivo", system-ui, -apple-system, sans-serif);
  --fn-font-serif: var(--wp--preset--font-family--serif, "Source Serif 4", Georgia, "Times New Roman", serif);
  --fn-font-mono: var(--wp--preset--font-family--mono, "IBM Plex Mono", ui-monospace, Menlo, monospace);

  /* Eixo condensado das manchetes (Archivo wdth) */
  --fn-stretch-head: 68%;
  --fn-stretch-head-tight: 62%;

  /* Escala tipografica fluida das manchetes */
  --fn-size-mega: clamp(2.9rem, 1.6rem + 5.6vw, 4.5rem);
  --fn-size-xl: clamp(2rem, 1.3rem + 3vw, 3rem);
  --fn-size-lg: clamp(1.5rem, 1.1rem + 1.8vw, 2.1rem);
  --fn-size-md: clamp(1.2rem, 1rem + 0.9vw, 1.5rem);
  --fn-size-sm: 1.0625rem;

  /* Espaco (ritmo vertical tipo impressao) */
  --fn-gap: 16px;
  --fn-gap-2: 24px;
  --fn-section: 40px;
  --fn-rule: 1px;

  /* Grade */
  --fn-maxw: 1296px;
  --fn-maxw-read: 680px;
  --fn-pad: clamp(16px, 4vw, 32px);

  /* Transicoes */
  --fn-ease: cubic-bezier(0.22, 0.61, 0.36, 1);

  /* Cor da editoria atual (preenchida inline pelo plugin no archive/single/blocos) */
  --mrx-cor-editoria: var(--fn-azul-norte);
}