:root {
  --font-display:
    "Bungee", "Arial Black", sans-serif; /* arcade headers, logo, numerals, initials */
  --font-body:
    "Space Grotesk", system-ui, sans-serif; /* body copy, UI, names */
  --font-mono:
    "Space Mono", ui-monospace, monospace; /* labels, meta, micro-caps, URLs */

  --fs-display-xl: 50px;
  --fs-display-l: 34px;
  --fs-display-m: 28px;
  --fs-display-s: 20px;
  --fs-title: 23px;
  --fs-body-l: 18px;
  --fs-body: 16px;
  --fs-body-s: 14px;
  --fs-label: 11px; /* mono caps */
  --fs-micro: 10.5px; /* tag caps */

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

  --label-spacing: 0.5px;
  --label-spacing-wide: 1px;
}