:root {
  --radius-none: 0px;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-full: 9999px;

  /* Default: sharp. --radius-none is the design default. */
  --radius-default: var(--radius-none);
}