/* Julian.Troll.PT — Typography tokens
   Two families only. Big headlines, generous whitespace. */

:root {
  /* Families */
  --font-display: 'Anton', 'Arial Narrow', sans-serif; /* condensed, all-caps impact */
  --font-body:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  /* Display scale (Anton — used UPPERCASE) */
  --fs-display-xl: 96px;  /* hero headline, stories */
  --fs-display-l:  72px;  /* IG headline */
  --fs-display-m:  52px;  /* section headline */
  --fs-display-s:  38px;  /* sub-headline */

  /* Body scale (Montserrat) */
  --fs-body-l:  22px;  /* lead / subtext on graphics */
  --fs-body-m:  17px;  /* default body */
  --fs-body-s:  14px;  /* captions */
  --fs-tag:     13px;  /* uppercase tag / pill label */

  /* Weights */
  --fw-display: 400;   /* @kind font */
  --fw-regular: 400;   /* @kind font */
  --fw-medium:  500;   /* @kind font */
  --fw-semibold:600;   /* @kind font */
  --fw-bold:    700;   /* @kind font */
  --fw-black:   800;   /* @kind font */

  /* Line heights */
  --lh-tight:   0.92;  /* @kind font */
  --lh-snug:    1.1;   /* @kind font */
  --lh-body:    1.55;  /* @kind font */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind font */
  --ls-tag:     0.18em;  /* @kind font */
  --ls-body:    0em;     /* @kind font */
}