/* Type scale. Measured tiers from the brief are marked (brief).
   The brief reports line-height 1.0 on heading/body/mono; that is the measured
   value of single-line UI nodes, not a paragraph setting. Measured values are
   preserved as --leading-*-measured; use --leading-body for running text. */
:root {
  --text-display-size: 40px;      /* (brief) */
  --text-display-weight: 700;     /* (brief) */
  --text-display-leading: 1.29;   /* (brief) */
  --text-display-tracking: -0.02em;

  --text-heading-size: 32px;      /* (brief) */
  --text-heading-weight: 700;     /* (brief) */
  --text-heading-leading: 1.15;
  --text-heading-tracking: -0.015em;

  --text-title-size: 22px;
  --text-title-weight: 600;
  --text-title-leading: 1.25;

  --text-body-size: 16px;         /* (brief) */
  --text-body-weight: 500;        /* (brief) */
  --text-body-leading: 1.55;
  --text-body-leading-measured: 1;

  --text-small-size: 14px;
  --text-small-leading: 1.45;

  --text-caption-size: 13px;
  --text-caption-leading: 1.4;

  --text-mono-size: 12px;         /* (brief) */
  --text-mono-weight: 400;        /* (brief) */
  --text-mono-leading: 1;         /* (brief) */
  --text-mono-tracking: 0.04em;

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

  /* Composed shorthands */
  --type-display: var(--text-display-weight) var(--text-display-size) / var(--text-display-leading) var(--font-display);
  --type-heading: var(--text-heading-weight) var(--text-heading-size) / var(--text-heading-leading) var(--font-heading);
  --type-title: var(--text-title-weight) var(--text-title-size) / var(--text-title-leading) var(--font-heading);
  --type-body: var(--text-body-weight) var(--text-body-size) / var(--text-body-leading) var(--font-body);
  --type-small: var(--weight-medium) var(--text-small-size) / var(--text-small-leading) var(--font-body);
  --type-caption: var(--weight-medium) var(--text-caption-size) / var(--text-caption-leading) var(--font-body);
  --type-mono: var(--text-mono-weight) var(--text-mono-size) / var(--text-mono-leading) var(--font-mono);
}