@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,400;8..60,600;8..60,700&family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* Families */
  --font-sans: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;

  /* Sizes */
  --text-display: 52px;
  --text-h1: 34px;
  --text-h2: 22px;
  --text-h3: 17px;
  --text-body: 16px;
  --text-ui: 13.5px;
  --text-data: 13px;
  --text-label-size: 11px;
  --text-caption: 10.5px;

  /* Line heights */
  --leading-display: 1.05;
  --leading-heading: 1.15;
  --leading-body: 1.65;
  --leading-ui: 1.5;

  /* Tracking */
  --tracking-display: -0.02em;
  --tracking-heading: -0.012em;
  --tracking-normal: 0;
  --tracking-label: 0.16em;
  --tracking-eyebrow: 0.24em;
  --tracking-wordmark: 0.19em;

  /* Measure */
  --measure: 68ch;
}