/* ============================================================
   Design System: Typography scale
   Headings 700–900, tight negative tracking, line-height ~1.05.
   Body line-height 1.5–1.6, text-wrap balance/pretty.
   ============================================================ */

:root {
  /* ---- Type scale (fluid) ---- */
  --fs-display: clamp(72px, 14vw, 160px); /* @kind font */
  --fs-h1: clamp(40px, 6vw, 64px);  /* @kind font */
  --fs-h2: clamp(34px, 5vw, 52px);  /* @kind font */
  --fs-h3: clamp(24px, 3vw, 30px);  /* @kind font */
  --fs-h4: 20px;       /* @kind font */
  --fs-body-lg: 19px;  /* @kind font */
  --fs-body: 16px;     /* @kind font */
  --fs-small: 14px;    /* @kind font */
  --fs-eyebrow: 13px;  /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight: 1.05;  /* @kind font */
  --lh-snug: 1.2;    /* @kind font */
  --lh-body: 1.55;   /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display: -0.05em;  /* @kind font */
  --ls-heading: -0.025em; /* @kind font */
  --ls-tight: -0.01em;    /* @kind font */
  --ls-eyebrow: 0.14em;   /* @kind font */
}