/* Typography tokens — PerformacIA v2
   familia_titulos: Space Grotesk (headlines, uppercase, tight tracking)
   familia_acento: Instrument Serif italic (rare — the "frase que fica", always roxo)
   familia_corpo: IBM Plex Sans (body copy + all technical/eyebrow labels) */

:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-accent: 'Instrument Serif', serif;
  --font-body: 'IBM Plex Sans', sans-serif;

  /* Display / headline scale — actual sizes found across the 13 templates
     range this wide because canvas formats differ (square feed vs. tall
     stories); pick the closest to your target canvas. */
  --text-display-xl: 700 132px/0.92 var(--font-display); /* story hero title */
  --text-display-lg: 700 112px/0.92 var(--font-display); /* feed/carrossel capa */
  --text-display-md: 700 92px/0.94 var(--font-display);  /* carrossel desenvolvimento */
  --text-display-sm: 700 78px/0.98 var(--font-display);  /* long-title fallback */

  --letter-spacing-display: -0.045em; /* JSON range: -0.03 a -0.045em */

  --text-accent-quote: 400 44px/1.1 var(--font-accent); /* italic, roxo — usar com moderação */

  --text-body-lg: 400 44px/1.18 var(--font-body);
  --text-body-md: 400 30px/1.24 var(--font-body);
  --text-body-sm: 400 24px/1.26 var(--font-body);

  --text-lead-callout: 700 38px/1.08 var(--font-body); /* .lead / .quote / .signal blocks */

  --text-label: 700 15px/1 var(--font-body); /* eyebrow/kicker/counter — uppercase, tracked */
  --letter-spacing-label: 0.14em; /* JSON range: 0.12–0.17em */

  --text-metric-value: 700 92px/0.9 var(--font-display); /* dark stat-panel numbers */

  /* Site technical labels (confirmed in handoff 2 site codebase — the ads
     JSON called for monospace on these but no ad template ever applied it;
     the actual site DOES: ui-monospace, tag/eyebrow/mtx-title/act-caption/etc). */
  --font-mono-label: ui-monospace, monospace;
  --text-label-mono: 600 12px/1 var(--font-mono-label);
  --letter-spacing-label-mono: 0.17em;
}