/* Voe Media — Typography tokens
 * "Space Grotesk leads. Inter supports."
 */
:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif; /* wordmark, headlines, display */
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; /* body, UI, decks */
  --font-mono: 'Space Grotesk', ui-monospace, 'SF Mono', Menlo, monospace; /* numerals / stats */

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

  /* ---- Type scale (rem, 16px base) ---- */
  --fs-eyebrow: 0.75rem;   /* 12px — tracked uppercase label */
  --fs-caption: 0.8125rem; /* 13px */
  --fs-small: 0.875rem;    /* 14px */
  --fs-body: 1rem;         /* 16px — base body */
  --fs-body-lg: 1.125rem;  /* 18px — lead paragraph */
  --fs-h6: 1.25rem;        /* 20px */
  --fs-h5: 1.5rem;         /* 24px */
  --fs-h4: 1.875rem;       /* 30px */
  --fs-h3: 2.5rem;         /* 40px */
  --fs-h2: 3.25rem;        /* 52px */
  --fs-h1: 4.25rem;        /* 68px */
  --fs-display: 5.5rem;    /* 88px — hero display */

  /* ---- Line heights ---- */
  --lh-tight: 1.02;   /* @kind font */
  --lh-snug: 1.12;    /* @kind font */
  --lh-normal: 1.45;  /* @kind font */
  --lh-relaxed: 1.6;  /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tightest: -0.04em; /* tracked tight wordmark feel @kind font */
  --ls-tight: -0.02em;    /* headlines @kind font */
  --ls-normal: 0em;       /* @kind font */
  --ls-eyebrow: 0.18em;   /* tracked uppercase eyebrow @kind font */
  --ls-caps: 0.08em;      /* @kind font */
}