:root{
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;
  --radius-xl:20px;
  --radius-2xl:28px;
  --radius-pill:999px;
  --radius-card:16px;   /* default dashboard card */
  --radius-panel:20px;  /* outer panels, modals, mobile sheets */
  --radius-control:10px;/* inputs, selects, small buttons */
}