:root{
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:20px;
  /* the speech-bubble radius of the logotype and bubble icon */
  --radius-bubble:28px;
  --radius-pill:999px;
  --radius-circle:50%;
}