:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:20px;
  --radius-xl:28px;
  --radius-2xl:40px;
  --radius-pill:999px;
  /* Nest arc: a half-round bowl echoing the brandmark */
  --radius-bowl:999px 999px 0 0 / 100% 100% 0 0;
  --radius-tile:10px;
}