/* Trailway Growth — Typography
   "Refined, never decorative." One humanist sans for every human word.
   One mono for every number, label, and metric.
   Note the dotless i in tra(ı)lway: the ıl reads as a rising graph line. */

:root {
  /* ---- Families ---- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Overpass Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* ---- Weights ---- */
  --fw-extralight: 200; /* @kind font */
  --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 */

  /* ---- Display / heading scale (Inter, tight tracking) ---- */
  --fs-display:  42px;   --lh-display:  1.08 /* @kind other */;  --tr-display:  -0.035em /* @kind other */;
  --fs-h1:       36px;   --lh-h1:       1.10 /* @kind other */;  --tr-h1:       -0.035em /* @kind other */;
  --fs-h2:       24px;   --lh-h2:       1.14 /* @kind other */;  --tr-h2:       -0.03em /* @kind other */;
  --fs-h3:       18px;   --lh-h3:       1.30 /* @kind other */;  --tr-h3:       -0.02em /* @kind other */;

  /* ---- Body scale ---- */
  --fs-lead:     19px;   --lh-lead:     1.58 /* @kind other */;
  --fs-body:     15px;   --lh-body:     1.60 /* @kind other */;
  --fs-small:    13.5px; --lh-small:    1.55 /* @kind other */;

  /* ---- Mono / readout scale ---- */
  --fs-metric:   32px;   --tr-metric:   -0.03em /* @kind other */;  /* big numbers */
  --fs-mono:     13px;   --tr-mono:     -0.01em /* @kind other */;  /* inline readouts */
  --fs-label:    11px;   --tr-label:    0.06em /* @kind other */;   /* uppercase micro-labels */
  --fs-eyebrow:  10.5px; --tr-eyebrow:  0.14em /* @kind other */;   /* section eyebrows */

  /* base body tracking — Inter looks best fractionally tightened */
  --tr-body: -0.011em /* @kind other */;
}