:root{
  --radius-none:0px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-pill:999px;
  --radius-swatch:26px;   /* the rounded colour chips on the brand board */
  --radius-post:0px;      /* social posts are hard-cornered */
}