/* ============================================================
   Lightfoot — Typography
   Display: Jost (geometric, echoes the wordmark)
   Body/UI: Hanken Grotesk (friendly, readable)
   Mono:    Space Mono (spec numbers, labels, technical accents)
   Casing: display is often ALL-CAPS with positive tracking,
   the way "LIGHTFOOT / THE SMILE MACHINE" reads on the box.
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Jost', 'Century Gothic', system-ui, sans-serif;
  --font-body:    'Hanken Grotesk', system-ui, -apple-system, sans-serif;
  --font-mono:    'Space Mono', ui-monospace, 'SF Mono', monospace;

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

  /* Type scale (fluid-ish, rem-based) */
  --fs-display-2xl: 5rem;    /* 80px — hero one-word statements */
  --fs-display-xl:  3.5rem;  /* 56px */
  --fs-display-lg:  2.5rem;  /* 40px */
  --fs-h1: 2rem;      /* 32px */
  --fs-h2: 1.5rem;    /* 24px */
  --fs-h3: 1.25rem;   /* 20px */
  --fs-body-lg: 1.125rem; /* 18px */
  --fs-body:    1rem;     /* 16px */
  --fs-body-sm: 0.875rem; /* 14px */
  --fs-label:   0.75rem;  /* 12px — tracked caps / mono labels */

  /* Line heights */
  --lh-tight:   1.02; /* @kind other */
  --lh-snug:    1.15; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.65; /* @kind other */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind other */
  --ls-caps:    0.14em;  /* @kind other */
  --ls-mono:    0.02em; /* @kind other */
}