:root{
--radius-none:0px;
--radius-xs:4px;
--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;
/* The logo badge: a tall rounded rectangle whose corner radius is ~38% of its width.
   Reused for photo frames, feature tiles and avatars. */
--radius-badge:38% / 28%;
--radius-pill:999px;
--radius-circle:50%;
}