:root {
  /* Display / headings / interface — Instrument Sans. Prose — Petrona. */
  --t-display-size: 64px;   --t-display-lh: 0.96; /* @kind other */  --t-display-ls: -0.04em; /* @kind other */  --t-display-weight: 600;
  --t-h1-size: 36px;        --t-h1-lh: 1.06; /* @kind other */       --t-h1-ls: -0.03em; /* @kind other */       --t-h1-weight: 600;
  --t-h2-size: 22px;        --t-h2-lh: 1.25; /* @kind other */       --t-h2-ls: -0.03em; /* @kind other */       --t-h2-weight: 600;
  --t-h3-size: 11px;        --t-h3-lh: 1; /* @kind other */          --t-h3-ls: 0.16em; /* @kind other */        --t-h3-weight: 600;
  --t-body-size: 17px;      --t-body-lh: 1.65; /* @kind other */     --t-body-ls: 0; /* @kind other */           --t-body-weight: 400;
  --t-ui-size: 14px;        --t-ui-lh: 1.2; /* @kind other */        --t-ui-ls: 0.02em; /* @kind other */        --t-ui-weight: 600;
  --t-data-size: 13px;      --t-data-lh: 1; /* @kind other */        --t-data-ls: 0; /* @kind other */           --t-data-weight: 500;
  --t-label-size: 9px;      --t-label-lh: 1; /* @kind other */       --t-label-ls: 0.12em; /* @kind other */     --t-label-weight: 500;
  --t-eyebrow-size: 11px;   --t-eyebrow-lh: 1; /* @kind other */     --t-eyebrow-ls: 0.18em; /* @kind other */   --t-eyebrow-weight: 600;
  --t-section-size: 34px;   --t-section-lh: 1; /* @kind other */     --t-section-ls: -0.03em; /* @kind other */  --t-section-weight: 600;

  /* Shorthands */
  --font-display: var(--t-display-weight) var(--t-display-size) / var(--t-display-lh) var(--font-sans);
  --font-h1: var(--t-h1-weight) var(--t-h1-size) / var(--t-h1-lh) var(--font-sans);
  --font-h2: var(--t-h2-weight) var(--t-h2-size) / var(--t-h2-lh) var(--font-sans);
  --font-h3: var(--t-h3-weight) var(--t-h3-size) / var(--t-h3-lh) var(--font-sans);
  --font-body: var(--t-body-weight) var(--t-body-size) / var(--t-body-lh) var(--font-serif);
  --font-ui: var(--t-ui-weight) var(--t-ui-size) / var(--t-ui-lh) var(--font-sans);
  --font-data: var(--t-data-weight) var(--t-data-size) / var(--t-data-lh) var(--font-sans);
  --font-label: var(--t-label-weight) var(--t-label-size) / var(--t-label-lh) var(--font-sans);
  --font-eyebrow: var(--t-eyebrow-weight) var(--t-eyebrow-size) / var(--t-eyebrow-lh) var(--font-sans);
  --font-section: var(--t-section-weight) var(--t-section-size) / var(--t-section-lh) var(--font-sans);
}