:root {
  /* ---- Font families ---- */
  --font-display: "Bebas Neue", "Arial Narrow", sans-serif; /* headings, bold statements, all-caps */
  --font-body: "Poppins", "Helvetica Neue", Arial, sans-serif; /* body copy, UI text, links */

  /* ---- Line-height rules (per brand guide) ---- */
  --lh-display: 0.87; /* @kind other */      /* Bebas Neue: keep ~0.87 unless intentionally different */
  --lh-body: 1.0; /* @kind other */           /* Poppins: keep 0.80–1.10; never go tighter for body reading */
  --lh-body-loose: 1.4; /* @kind other */     /* practical reading line-height for paragraphs */

  /* ---- Display (Bebas Neue) scale ---- */
  --text-display-xl: 96px;
  --text-display-lg: 64px;
  --text-display-md: 44px;
  --text-display-sm: 32px;

  /* ---- Body (Poppins) scale ---- */
  --text-body-lg: 20px;
  --text-body-md: 16px;
  --text-body-sm: 14px;
  --text-body-xs: 12px;

  /* ---- Letter spacing ---- */
  --tracking-display-caps: 0.01em;   /* Bebas Neue all-caps: keep tight, don't loosen */
  --tracking-body-caps: 0.06em;      /* Poppins set in caps: widen slightly, use smaller/regular weight */
}