:root{
  --radius-none:0px;
  --radius-xs:4px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-xl:32px;
  --radius-2xl:44px;
  --radius-pill:999px;
  /* The brand's default card radius: generous but not a lozenge */
  --radius-card:var(--radius-lg);
  --radius-media:var(--radius-xl);
  --radius-control:var(--radius-pill);
}