:root{
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;    /* buttons, inputs, badges */
  --radius-lg:12px;   /* cards, panels */
  --radius-xl:16px;   /* hero blocks, modals */
  --radius-pill:999px;
}