:root {
  color-scheme: light dark;
  --jb-radius: 4px;
  --jb-radius-sm: 2px;

  --jb-font-display: "Big Shoulders Display", "Archivo Black", system-ui, sans-serif;
  --jb-font-body: "Archivo", system-ui, sans-serif;
  --jb-font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --jb-space-1: 0.5rem;
  --jb-space-2: 1rem;
  --jb-space-3: 1.5rem;
  --jb-space-4: clamp(1.25rem, 3vw, 2.25rem);
  --jb-space-5: clamp(2rem, 5vw, 4rem);
  --jb-space-6: clamp(3rem, 8vw, 6rem);
}