/* ============================================================
   TYPOGRAPHY — Flush Fasteners (FF-BRD-STD-100 §05)
   Two families: a geometric display face (wordmark + large
   moments) and Century Gothic for all copy. Both substituted
   by Jost here. Mono is reserved for part numbers / specs.

   Casing rule (brand book): Sentence case everywhere; ALL CAPS
   only for part numbers and standards. Italic is used on the
   live site to emphasize the key phrase in a headline.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Jost', 'Century Gothic', 'Futura', system-ui, sans-serif;
  --font-body:    'Jost', 'Century Gothic', 'Futura', system-ui, sans-serif;
  --font-mono:    'JetBrains Mono', 'SFMono-Regular', ui-monospace, monospace;

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

  /* ---- Type scale (px → rem at 16px base) ----
     Brand book anchors: Title 48 / Lead 28 / Body 16 / Link 14 */
  --fs-display-xl: 5.5rem;   /* 88px — hero */
  --fs-display-l:  4rem;     /* 64px */
  --fs-display-m:  3rem;     /* 48px — Title */
  --fs-h1:         2.25rem;  /* 36px */
  --fs-h2:         1.75rem;  /* 28px — Lead */
  --fs-h3:         1.375rem; /* 22px */
  --fs-body-lg:    1.125rem; /* 18px */
  --fs-body:       1rem;     /* 16px — Paragraph */
  --fs-body-sm:    0.875rem; /* 14px — Link / caption */
  --fs-overline:   0.75rem;  /* 12px — section markers / labels */

  /* ---- Line heights ---- */
  --lh-tight:   1.04;   /* @kind font */
  --lh-snug:    1.18;   /* @kind font */
  --lh-normal:  1.55;   /* @kind font */
  --lh-relaxed: 1.7; /* @kind font */

  /* ---- Tracking ---- */
  --ls-display:  -0.02em; /* @kind font */
  --ls-heading:  -0.01em; /* @kind font */
  --ls-body:     0; /* @kind font */
  --ls-overline: 0.22em;   /* @kind font */
  --ls-mono:     0.02em; /* @kind font */
}
