:root {
  /* Scale — editorial, wide jumps between display and text */
  --fs-display-xl: 96px; /* @kind font */
  --fs-display-l: 64px; /* @kind font */
  --fs-display-m: 44px; /* @kind font */
  --fs-display-s: 32px; /* @kind font */
  --fs-title: 24px; /* @kind font */
  --fs-body-l: 20px; /* @kind font */
  --fs-body: 17px; /* @kind font */
  --fs-body-s: 15px; /* @kind font */
  --fs-meta: 12px; /* @kind font */
  --fs-micro: 10px; /* @kind font */

  --lh-display: 1.06; /* @kind font */
  --lh-title: 1.25; /* @kind font */
  --lh-body: 1.62; /* @kind font */
  --lh-lyric: 1.45; /* @kind font */
  --lh-meta: 1.4; /* @kind font */

  --ls-display: -0.015em; /* @kind font */
  --ls-body: 0; /* @kind font */
  --ls-meta: 0.18em; /* @kind font */
  --ls-credit: 0.06em; /* @kind font */

  --fw-light: 300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */

  /* Composed roles */
  --text-display: var(--fw-light) var(--fs-display-l) / var(--lh-display) var(--font-display); /* @kind font */
  --text-heading: var(--fw-regular) var(--fs-display-s) / var(--lh-title) var(--font-display); /* @kind font */
  --text-lyric-hawaiian: var(--fw-regular) var(--fs-body-l) / var(--lh-lyric) var(--font-body); /* @kind font */
  --text-lyric-english: italic var(--fw-regular) var(--fs-body-s) / var(--lh-lyric) var(--font-body); /* @kind font */
  --text-prose: var(--fw-regular) var(--fs-body) / var(--lh-body) var(--font-body); /* @kind font */
  --text-label: var(--fw-regular) var(--fs-meta) / var(--lh-meta) var(--font-meta); /* @kind font */

  --measure-prose: 62ch; /* @kind other */
  --measure-lyric: 34ch; /* @kind other */
}