/* ============================================================
 * Corner radius scale — derived from observed cornerRadius values.
 * 16px dominates (cards); 100/pill for chips, tabs, avatars.
 * ============================================================ */
:root {
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;   /* default card / sheet radius */
  --radius-xl:   20px;
  --radius-2xl:  24px;
  --radius-pill: 9999px; /* chips, segmented tabs, floating tab bar, avatars */
  /* Bottom-sheet top corners: use `var(--radius-lg) var(--radius-lg) 0 0` */
}