/* Spider Eyes Research — typography tokens
   Display/body: Space Grotesk + Archivo (modern grotesk, nimble & confident).
   Data/mono: IBM Plex Mono (precise, analytical — research figures, tickers, timestamps).
   No local font files were supplied with this brief, so webfonts are loaded from
   Google Fonts' CDN below. If real licensed font files exist, drop the woff2s into
   assets/fonts/ and swap these @font-face src rules to local url()s. */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --font-display: 'Space Grotesk', 'Archivo', -apple-system, sans-serif;
  --font-body: 'Archivo', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', monospace;

  /* ---- Type scale (px) ---- */
  --text-display-1: 600 76px/1.02 var(--font-display);
  --text-display-2: 600 56px/1.05 var(--font-display);
  --text-h1: 600 40px/1.1 var(--font-display);
  --text-h2: 600 30px/1.2 var(--font-display);
  --text-h3: 600 22px/1.3 var(--font-display);
  --text-h4: 500 18px/1.35 var(--font-display);

  --text-body-lg: 400 19px/1.55 var(--font-body);
  --text-body: 400 16px/1.6 var(--font-body);
  --text-body-sm: 400 14px/1.55 var(--font-body);
  --text-caption: 500 12px/1.4 var(--font-body);
  --text-caption-upper: 600 11px/1.3 var(--font-body);

  --text-mono-lg: 500 24px/1.3 var(--font-mono);
  --text-mono: 500 15px/1.5 var(--font-mono);
  --text-mono-sm: 500 12px/1.4 var(--font-mono);

  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.08em;
}