/* ============================================================
   TYPOGRAPHY
   ------------------------------------------------------------
   Two weights do all the work: 400 (body/UI) and 600 (headings).
   Hierarchy comes from SIZE + negative letter-spacing, never
   from extra weight. Letter-spacing tightens as size grows.
   ============================================================ */

:root {
  /* ---- Font size scale ---- */
  --text-display: 3.75rem;   /* 60px  hero                     */
  --text-h1: 3rem;           /* 48px  section heading          */
  --text-h2: 2.25rem;        /* 36px  sub-heading              */
  --text-card-title: 1.25rem;/* 20px  card title               */
  --text-lg: 1.125rem;       /* 18px  body large / intro       */
  --text-base: 1rem;         /* 16px  body / button / link     */
  --text-sm: 0.875rem;       /* 14px  caption / small button   */

  /* ---- Line heights ---- */
  --leading-display: 1.05;   /* 1.00–1.10 tight display range  */
  --leading-tight: 1.10;
  --leading-snug: 1.25;
  --leading-body: 1.50;
  --leading-relaxed: 1.38;   /* body large                     */

  /* ---- Letter-spacing (scales with size) ---- */
  --tracking-display: -1.5px; /* 60px                          */
  --tracking-h1: -1.2px;      /* 48px                          */
  --tracking-h2: -0.9px;      /* 36px                          */
  --tracking-normal: normal;  /* everything 20px and below     */
}