:root {
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;    /* published: "10px radius" for core product controls */
  --radius-lg: 14px;    /* cards & panels */
  --radius-xl: 20px;    /* feature / application cards */
  --radius-full: 999px; /* pills, badges, avatars */

  --radius-control: var(--radius-md);
  --radius-card: var(--radius-lg);
  --radius-badge: var(--radius-full);
  --radius-input: var(--radius-md);
}