/* ============================================================
   Ansiq — Typography tokens
   Display/brand: Space Grotesk (technical, geometric)
   Body/UI:       Hanken Grotesk (warm, calm, legible)
   Code/PR:       IBM Plex Mono (the engineering side)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Hanken+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root {
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans:    'Hanken Grotesk', system-ui, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* Type scale (1.25 major-third-ish, tuned) */
  --fs-display: 3.5rem;   /* 56px — hero wordmark contexts */
  --fs-h1:      2.25rem;  /* 36px */
  --fs-h2:      1.625rem; /* 26px */
  --fs-h3:      1.25rem;  /* 20px */
  --fs-body:    1rem;     /* 16px */
  --fs-sm:      0.875rem; /* 14px */
  --fs-xs:      0.75rem;  /* 12px */

  --fw-regular: 400;  /* @kind other */
  --fw-medium:  500;  /* @kind other */
  --fw-semibold:600;  /* @kind other */
  --fw-bold:    700;  /* @kind other */

  --lh-tight:   1.1;  /* @kind other */
  --lh-snug:    1.3;  /* @kind other */
  --lh-normal:  1.55; /* @kind other */

  --tracking-tight:  -0.02em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-caps:   0.08em; /* for small uppercase labels */
}