/* ============================================================
   Quayside — Typography tokens
   Space Grotesk (sharp geometric display), Inter (body/UI),
   IBM Plex Mono (technical label voice).
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'IBM Plex Mono', ui-monospace, 'SFMono-Regular', monospace;

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

  /* ---- Fluid display sizes ---- */
  --fs-display:  clamp(2.75rem, 1.6rem + 5.6vw, 5.5rem); /* @kind other */
  --fs-h1:       clamp(2.1rem, 1.4rem + 3.2vw, 3.5rem); /* @kind other */
  --fs-h2:       clamp(1.6rem, 1.2rem + 1.9vw, 2.5rem); /* @kind other */
  --fs-h3:       clamp(1.3rem, 1.05rem + 1.1vw, 1.75rem); /* @kind other */
  --fs-h4:       1.25rem; /* @kind other */

  /* ---- Text sizes ---- */
  --fs-lead:     1.25rem; /* @kind other */
  --fs-body:     1rem; /* @kind other */
  --fs-small:    0.875rem; /* @kind other */
  --fs-xs:       0.75rem; /* @kind other */

  /* ---- Eyebrow / label (mono, tracked) ---- */
  --fs-label:    0.78125rem; /* @kind other */

  /* ---- Line heights ---- */
  --lh-tight:    1.02; /* @kind other */
  --lh-snug:     1.18; /* @kind other */
  --lh-heading:  1.08; /* @kind other */
  --lh-body:     1.6; /* @kind other */
  --lh-relaxed:  1.75; /* @kind other */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.01em; /* @kind other */
  --ls-heading:  -0.005em; /* @kind other */
  --ls-body:     0; /* @kind other */
  --ls-label:    0.16em; /* @kind other */
  --ls-wordmark: 0.01em; /* @kind other */
}