/* Type system. Sizes are the campaign's own, measured off the 1080px-wide
   artboards, then expressed as a ratio scale that also works at screen sizes. */
:root{
  --font-display:"Sora","Helvetica Neue",Arial,sans-serif; /* @kind font */
  --font-text:"Sora","Helvetica Neue",Arial,sans-serif; /* @kind font */
  --font-serif:"Libre Baskerville",Georgia,"Times New Roman",serif; /* @kind font */

  --fw-thin: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 */
  --fw-extrabold:800; /* @kind font */   /* Sora's heaviest weight — the headline weight */

  /* Steps. --fs-hero..--fs-h3 are display sizes (Sora 800); --fs-body-* are text. */
  --fs-hero:108px;      /* Post headline, 1080 artboard */
  --fs-h1:72px;
  --fs-h2:54px;
  --fs-h3:40px;
  --fs-h4:32px;
  --fs-lead:34px;       /* post subtitle */
  --fs-body-lg:20px;
  --fs-body:17px;
  --fs-body-sm:15px;
  --fs-caption:13px;
  --fs-kicker:30px;     /* post kicker at 1080; 13–15px on screen */

  --lh-display:1.05; /* @kind font */    /* headlines set TIGHT — never looser than 1.0 */
  --lh-tight:1.12; /* @kind font */
  --lh-snug:1.28; /* @kind font */
  --lh-body:1.5; /* @kind font */
  --lh-loose:1.62; /* @kind font */

  --ls-kicker:0.28em; /* @kind font */   /* the campaign's widest tracking, uppercase only */
  --ls-label:0.12em; /* @kind font */
  --ls-display:-0.03em; /* @kind font */ /* Sora runs wide; display sizes need negative tracking */
  --ls-normal:-0.005em; /* @kind font */

  /* The one oblique in the system: the "da" in "da Economia". Sora has no true
     italic, so slant it explicitly rather than relying on synthesis. */
  --slant-oblique:skewX(-10deg); /* @kind other */
}