/* Corner radii. The only radius in the source file is 20px, on every swatch card.
   Larger and smaller steps are derived from it at a 2x / 0.5x rhythm. */
:root{
  --radius-xs:5px;
  --radius-sm:10px;
  --radius-md:20px;   /* source — swatch / card radius */
  --radius-lg:30px;
  --radius-xl:40px;
  --radius-pill:999px;
  --radius-card:var(--radius-md);
  --radius-control:var(--radius-sm);
  --radius-field:var(--radius-sm);
}