/* ============================================================
   FormuNova — Typography tokens
   Archivo (display) · Hanken Grotesk (body/UI) · IBM Plex Mono (data)
   Headlines bold & direct; body functional & clear; mono for specs.
   ============================================================ */

:root {
  /* Families — Open Sans is the brand default (display + body). */
  --font-display: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-body:    'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  /* Weights */
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;
  --weight-black:    800;

  /* Fluid type scale (clamp: min / preferred / max) */
  --text-display-xl: 700 clamp(3rem, 6vw, 4.5rem)/1.02 var(--font-display);   /* hero */
  --text-display-l:  700 clamp(2.5rem, 4.5vw, 3.5rem)/1.05 var(--font-display);
  --text-display-m:  700 clamp(2rem, 3.5vw, 2.75rem)/1.08 var(--font-display);
  --text-h1: 700 2.25rem/1.1 var(--font-display);
  --text-h2: 700 1.75rem/1.15 var(--font-display);
  --text-h3: 600 1.375rem/1.25 var(--font-display);
  --text-h4: 600 1.125rem/1.3 var(--font-display);

  /* Body / UI sizes (px-style rem) */
  --text-lead:    400 1.25rem/1.6 var(--font-body);   /* intro paragraph */
  --text-base:    400 1rem/1.6 var(--font-body);
  --text-sm:      400 0.875rem/1.55 var(--font-body);
  --text-xs:      500 0.75rem/1.4 var(--font-body);

  /* Mono — data, specs, eyebrows */
  --text-mono-sm: 500 0.8125rem/1.4 var(--font-mono);
  --text-mono-xs: 500 0.6875rem/1.3 var(--font-mono);

  /* Eyebrow / label — uppercase mono kicker used across the brand */
  --eyebrow-spacing: 0.14em;
  --label-spacing: 0.02em;

  /* Tracking */
  --tracking-tight: -0.02em;   /* large display */
  --tracking-snug:  -0.01em;   /* headings */
  --tracking-normal: 0;
}