/* ============================================================
   TYPOGRAPHY TOKENS
   Display: Bebas Neue · UI/labels: Space Grotesk · Body: Inter
   ============================================================ */
:root {
  /* Families */
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-ui: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  /* Display sizes (Bebas Neue) */
  --fs-hero: 72px;        /* hero display */
  --fs-display: 56px;
  --fs-section: 48px;     /* section heading */
  --fs-section-sm: 32px;

  /* UI sizes (Space Grotesk) */
  --fs-card-title: 22px;  /* work-card title (20–24) */
  --fs-card-title-sm: 18px;
  --fs-ui: 14px;
  --fs-label: 12px;       /* uppercase tracked label/tag */

  /* Body sizes (Inter) */
  --fs-body: 16px;        /* body, line-height 1.7 */
  --fs-body-sm: 14px;
  --fs-caption: 13px;     /* Inter Light */

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

  /* Line heights */
  --lh-tight: 1;    /* @kind other */
  --lh-snug: 1.2;   /* @kind other */
  --lh-body: 1.7;   /* @kind other */

  /* Tracking */
  --tracking-display: 0.04em; /* @kind other */
  --tracking-label: 0.12em;   /* @kind other */
  --tracking-nav: 0.08em;     /* @kind other */
}