/* Type scale. Display sizes carry negative tracking; mono carries none. */
:root {
  --size-display-xl: 60px;
  --size-display-lg: 44px;
  --size-display-md: 34px;
  --size-title: 26px;
  --size-heading: 20px;
  --size-subhead: 17px;
  --size-body: 15px;
  --size-body-sm: 13px;
  --size-caption: 12px;
  --size-micro: 11px;

  --leading-display: 1.02;
  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-body: 1.55;
  --leading-loose: 1.7;

  --tracking-display: -0.03em;
  --tracking-tight: -0.015em;
  --tracking-normal: 0;
  --tracking-wide: 0.02em;
  --tracking-caps: 0.08em;

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

  /* Composed roles */
  --type-display-xl: var(--weight-semibold) var(--size-display-xl) / var(--leading-display) var(--font-display);
  --type-display-lg: var(--weight-semibold) var(--size-display-lg) / var(--leading-display) var(--font-display);
  --type-display-md: var(--weight-semibold) var(--size-display-md) / var(--leading-tight) var(--font-display);
  --type-title: var(--weight-semibold) var(--size-title) / var(--leading-tight) var(--font-display);
  --type-heading: var(--weight-semibold) var(--size-heading) / var(--leading-snug) var(--font-sans);
  --type-subhead: var(--weight-medium) var(--size-subhead) / var(--leading-snug) var(--font-sans);
  --type-body: var(--weight-regular) var(--size-body) / var(--leading-body) var(--font-sans);
  --type-body-strong: var(--weight-medium) var(--size-body) / var(--leading-body) var(--font-sans);
  --type-body-sm: var(--weight-regular) var(--size-body-sm) / var(--leading-snug) var(--font-sans);
  --type-caption: var(--weight-medium) var(--size-caption) / var(--leading-snug) var(--font-sans);
  --type-code: var(--weight-regular) var(--size-body-sm) / var(--leading-loose) var(--font-mono);
  --type-code-sm: var(--weight-regular) var(--size-caption) / var(--leading-snug) var(--font-mono);
  --type-label: var(--weight-medium) var(--size-micro) / 1.2 var(--font-mono);
}