:root{
  --r-xs:6px;
  --r-sm:8px;
  --r-md:10px;   /* buttons, inputs, pills-with-corners */
  --r-lg:12px;   /* inner wells, list rows */
  --r-xl:16px;   /* cards */
  --r-2xl:20px;  /* signal ribbon, hero panels */
  --r-3xl:28px;  /* app frame */
  --r-pill:999px;
}