:root {
  /* Breakpoints */
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;

  /* Text */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --text-7xl: 4.5rem;
  --text-8xl: 6rem;
  --text-9xl: 8rem;

  /* Widths */
  --page--max-width: 48rem;

  /* Fonts */
  --font--sans-serif: "Mona Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --font--sans-serif-alt: "Hubot Sans", Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --font--mono: "Monaspace Neon", monospace;
  --font--mono--code-comments: "Monaspace Radon", monospace;
  --font--mono--code-docstrings: "Monaspace Xenon", monospace;
}