:root{
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-2xl:44px;
  --radius-pill:999px;
  /* the notched capsule motif: pill radius on a stacked headline */
  --radius-capsule:var(--radius-pill);
  --border-width:1.5px;
  --border-width-hair:1px;
}