:root {
  --radius-xs: 4px;   /* form fields, small tags */
  --radius-sm: 5px;   /* menu items, list rows, status pills */
  --radius-md: 8px;   /* utility / nav buttons, smaller cards */
  --radius-lg: 12px;  /* feature cards, illustration frames */
  --radius-xl: 16px;  /* large containers, image wells */
  --radius-full: 9999px; /* marketing pill CTAs, badges, circular icons */
}