:root {
  --text-display-xl: 800 64px/1.02 var(--font-display);
  --text-display-l: 800 48px/1.05 var(--font-display);
  --text-display-m: 700 36px/1.08 var(--font-display);
  --text-heading-l: 700 28px/1.2 var(--font-display);
  --text-heading-m: 700 22px/1.25 var(--font-display);
  --text-heading-s: 600 18px/1.3 var(--font-text);
  --text-body-l: 400 17px/1.5 var(--font-text);
  --text-body-m: 400 15px/1.55 var(--font-text);
  --text-body-s: 400 13px/1.5 var(--font-text);
  --text-label: 600 13px/1.2 var(--font-text);
  --text-label-s: 600 12px/1.2 var(--font-text);
  --text-caption: 400 12px/1.35 var(--font-text);
  --text-overline: 700 11px/1.1 var(--font-display);
  --text-mono-m: 500 13px/1.45 var(--font-mono);
  --text-mono-s: 500 11px/1.4 var(--font-mono);

  --tracking-display: -0.03em;
  --tracking-heading: -0.018em;
  --tracking-body: -0.004em;
  --tracking-label: 0.005em;
  --tracking-overline: 0.14em;
  --tracking-mono: -0.01em;

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