:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:30px;
  --space-10:40px;
  --space-15:60px;
  --space-20:80px;

  /* radii: marketing is mostly sharp-edged (comic-book), product cards + images soften slightly */
  --radius-none:0px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:15px;
  --radius-full:9999px;

  /* border weights */
  --border-thin:1px;
  --border-docs:1px;
  --border-comic-sm:2px;
  --border-comic-md:3px;
  --border-comic-lg:5px;

  --max-content-width:164rem;
  --header-height:60px;
}