/* Corners are consistently rounded but never soft-blobby: controls 8–10px,
   cards 12–16px, pills for status. Measured off the product screens. */
:root{
  --ip-radius-xs:4px;
  --ip-radius-sm:6px;
  --ip-radius-md:8px;
  --ip-radius-lg:10px;
  --ip-radius-xl:12px;
  --ip-radius-2xl:16px;
  --ip-radius-3xl:20px;
  --ip-radius-pill:999px;

  --radius-control:var(--ip-radius-md);
  --radius-input:var(--ip-radius-md);
  --radius-button:var(--ip-radius-lg);
  --radius-card:var(--ip-radius-xl);
  --radius-panel:var(--ip-radius-2xl);
  --radius-badge:var(--ip-radius-pill);
  --radius-tag:var(--ip-radius-pill);
  --radius-avatar:var(--ip-radius-pill);
}