/* Begum for display only, set large. Neue Haas Grotesk Display Pro for everything else. */
:root{
  --font-display:"Begum","Times New Roman",serif;
  --font-ui:"Neue Haas Grotesk Display Pro","Helvetica Neue",Helvetica,sans-serif;
  --font-body:var(--font-ui);

  /* Weights */
  --fw-display-light:300; /* @kind font */
  --fw-display-regular:400; /* @kind font */
  --fw-display-medium:500; /* @kind font */
  --fw-thin:200; /* @kind font */
  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Display — Begum. Tight leading, slight negative tracking. */
  --text-display-1-size:112px;  --text-display-1-lh:0.96; /* @kind font */ --text-display-1-ls:-0.02em; /* @kind font */
  --text-display-2-size:80px;   --text-display-2-lh:1.00; /* @kind font */ --text-display-2-ls:-0.018em; /* @kind font */
  --text-display-3-size:56px;   --text-display-3-lh:1.06; /* @kind font */ --text-display-3-ls:-0.014em; /* @kind font */
  --text-display-4-size:40px;   --text-display-4-lh:1.12; /* @kind font */ --text-display-4-ls:-0.01em; /* @kind font */
  --text-display-5-size:28px;   --text-display-5-lh:1.24; /* @kind font */ --text-display-5-ls:-0.006em; /* @kind font */

  /* Serif lede / pull quote — Begum at reading size, used sparingly */
  --text-lede-size:24px; --text-lede-lh:1.45; /* @kind font */ --text-lede-ls:-0.004em; /* @kind font */

  /* Body — Haas */
  --text-body-lg-size:19px; --text-body-lg-lh:1.60; /* @kind font */ --text-body-lg-ls:0; /* @kind font */
  --text-body-size:16px;    --text-body-lh:1.65; /* @kind font */    --text-body-ls:0; /* @kind font */
  --text-body-sm-size:14px; --text-body-sm-lh:1.60; /* @kind font */ --text-body-sm-ls:0; /* @kind font */
  --text-caption-size:12px; --text-caption-lh:1.50; /* @kind font */ --text-caption-ls:.01em; /* @kind font */

  /* Section label — the brand's signature device: Haas Medium, uppercase, wide */
  --text-label-size:11px;    --text-label-lh:1.20; /* @kind font */ --text-label-ls:.22em; /* @kind font */
  --text-label-lg-size:13px; --text-label-lg-lh:1.20; /* @kind font */ --text-label-lg-ls:.18em; /* @kind font */

  /* UI */
  --text-nav-size:13px; --text-nav-lh:1.20; /* @kind font */ --text-nav-ls:.10em; /* @kind font */
  --text-btn-size:12px; --text-btn-lh:1.00; /* @kind font */ --text-btn-ls:.14em; /* @kind font */
  --text-numeral-size:15px; --text-numeral-lh:1.30; /* @kind font */ --text-numeral-ls:.02em; /* @kind font */

  /* Measure */
  --measure-narrow:46ch; /* @kind other */
  --measure:62ch; /* @kind other */
  --measure-wide:76ch; /* @kind other */
}
