/* Folg Agency — typography tokens. Display sizes are measured off the brand
   layouts: hero display is set tight (-0.03em) and heavy (800); body runs
   at 400 with generous 1.75 leading. */
:root{
  --text-display-xl:96px;
  --text-display-lg:72px;
  --text-display:56px;
  --text-h1:44px;
  --text-h2:34px;
  --text-h3:26px;
  --text-h4:20px;
  --text-body-lg:18px;
  --text-body:16px;
  --text-body-sm:14px;
  --text-caption:13px;
  --text-overline:12px;

  --leading-display:1.02;
  --leading-tight:1.12;
  --leading-heading:1.2;
  --leading-body:1.75;
  --leading-snug:1.45;

  --tracking-display:-0.03em;
  --tracking-heading:-0.02em;
  --tracking-body:0em;
  --tracking-overline:0.14em;
  --tracking-wide:0.22em;

  --weight-light:300;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;
}