/* css/spacing.css */
:root {
  --space-xs: 0.25rem; /* 4px */
  --space-sm: 0.5rem; /* 8px */
  --space-md: 1rem; /* 16px */
  --space-lg: 1.5rem; /* 24px */
  --space-xl: 2rem; /* 32px */
  --space-2xl: 3rem; /* 48px */
  --space-3xl: 4rem; /* 64px */
  --space-4xl: 6rem; /* 96px */

  /* Corner radius. css/release-week.css referenced --radius-sm/md/lg before anything defined
     them (BRI-5391), so an unresolvable var() invalidated the declaration and those cards
     rendered square. The values are taken from what the stylesheets already do most often
     (8px x60, 12px x28, 4px x8, 16px x4), so adopting a token is a no-op at each site rather
     than a restyle. --radius-pill is the fully rounded end used by .btn. */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;
}