:root{
  --radius-xs:4px;     /* text-link hit area */
  --radius-sm:12px;    /* pricing plan column */
  --radius-md:20px;    /* THE card radius — used everywhere */
  --radius-pill:50px;  /* every filled button */
  --radius-round:50%;  /* accent dots, avatars */
}