:root{
  --font-display:"Raleway","Helvetica Neue",Arial,sans-serif;
  --font-text:"Open Sans","Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

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

  /* Display / hero. The live hero headline is Raleway 800. */
  --text-display-1:56px;--text-display-2:44px;
  /* Section title: exact live values — 40px desktop / 30px mobile, 800, uppercase. */
  --text-section-title:40px;--text-section-title-sm:30px;
  --text-h1:36px;--text-h2:28px;--text-h3:22px;--text-h4:18px;
  --text-lead:20px;   /* .section-desc is 20px on the live site */
  --text-body:16px;--text-body-sm:14px;--text-caption:13px;
  /* Eyebrow / section subtitle: 14px desktop, 12px mobile, uppercase, 2px tracking. */
  --text-overline:14px;--text-overline-sm:12px;
  /* Buttons: exact live values — .btn 13px, .btn-lg 17px, weight 600, uppercase. */
  --text-button:13px;--text-button-lg:17px;--text-button-sm:12px;

  --lh-display-1:1.05;   /* @kind other */
  --lh-display-2:1.1;    /* @kind other */
  --lh-section-title:1.15; /* @kind other */
  --lh-h1:1.15;          /* @kind other */
  --lh-h2:1.2;           /* @kind other */
  --lh-h3:1.3;           /* @kind other */
  --lh-h4:1.35;          /* @kind other */
  --lh-lead:1.6;         /* @kind other */
  --lh-body:1.65;        /* @kind other */
  --lh-body-sm:1.6;      /* @kind other */
  --lh-caption:1.5;      /* @kind other */
  --lh-overline:1.4;     /* @kind other */
  --lh-tight:1.1;        /* @kind other */

  --tracking-tight:-0.02em;  /* @kind other */
  --tracking-snug:-0.01em;   /* @kind other */
  --tracking-normal:0;       /* @kind other */
  --tracking-overline:2px;      /* live .section-subtitle */
  --tracking-section-title:3.5px; /* live .section-title desktop */
  --tracking-section-title-sm:2px;
  --tracking-button:0.06em;  /* @kind other */

  --measure-prose:68ch;   /* @kind other */
  --measure-narrow:52ch;  /* @kind other */
}
