:root{
  --radius-xs:6px;
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-2xl:44px;
  --radius-pill:999px;
  --radius-circle:50%;

  /* Semantic */
  --radius-button:999px;   /* all buttons are pills */
  --radius-input:12px;
  --radius-card:20px;
  --radius-media:24px;
  --radius-panel:32px;
  --radius-arch:999px 999px 0 0; /* @kind radius */
  --radius-chip:999px;
}