/* Corner radii (brief) */
:root {
  --radius-sm: 2px;
  --radius-md: 8px;
  --radius-lg: 20px;
  --radius-xl: 40px;
  --radius-pill: 9999px;

  /* Role aliases — the shape rule of the system */
  --radius-button: var(--radius-pill);
  --radius-input: var(--radius-md);
  --radius-card: var(--radius-lg);
  --radius-sheet: var(--radius-xl);
  --radius-badge: var(--radius-pill);
  --radius-control: var(--radius-sm);
}