/* ============================================================
   WHALE DIGITAL — Typography tokens
   Display: Bricolage Grotesque  | Body/UI: Hanken Grotesk
   Accent : Instrument Serif (italic) | Mono: JetBrains Mono
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Bricolage Grotesque', 'Hanken Grotesk', system-ui, sans-serif;
  --font-sans:    'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-serif:   'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

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

  /* Fluid display scale (clamp: min, vw, max) */
  --text-hero:    clamp(2.25rem, 4.6vw, 4rem);  /* 36 → 64 — hero headline */
  --text-display: clamp(2.5rem, 5vw, 4.5rem);    /* 40 → 72  — section opener */
  --text-h1:      clamp(2.25rem, 4vw, 3.5rem);   /* 36 → 56 */
  --text-h2:      clamp(1.75rem, 3vw, 2.5rem);   /* 28 → 40 */
  --text-h3:      clamp(1.375rem, 2vw, 1.75rem); /* 22 → 28 */
  --text-h4:      1.25rem;                        /* 20 */

  /* Body scale */
  --text-lead:    1.25rem;    /* 20 — intros */
  --text-base:    1rem;       /* 16 */
  --text-sm:      0.875rem;   /* 14 */
  --text-xs:      0.75rem;    /* 12 — eyebrow / labels */

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

  /* Letter spacing */
  --ls-tighter: -0.03em; /* @kind font */
  --ls-tight:   -0.015em; /* @kind font */
  --ls-normal:  0; /* @kind font */
  --ls-wide:    0.02em; /* @kind font */
  --ls-eyebrow: 0.16em; /* @kind font */
}