:root {
  --radius-xs:   3px;
  --radius-sm:   5px;   /* inputs, small buttons */
  --radius-md:   7px;   /* buttons, chips */
  --radius-lg:   10px;  /* cards */
  --radius-xl:   14px;  /* modals, panels */
  --radius-pill: 999px; /* status pills, avatars, toggles */
}