:root{
  --radius-none:0px;
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;   /* default control radius: inputs, buttons */
  --radius-lg:16px;   /* cards */
  --radius-xl:24px;   /* feature panels, hero media */
  --radius-pill:999px;
  --border-width:1px;
  --border-width-thick:2px;
}