:root {
  --radius-xs: 2px;      /* cookie / legal CTAs */
  --radius-sm: 6px;      /* inputs, small inline buttons */
  --radius-md: 10px;     /* content cards, article cards, cream callouts, demo grids */
  --radius-lg: 12px;     /* primary CTAs, signature cards, tabbed feature cards */
  --radius-pill: 9999px; /* pricing sub-system only */
  --radius-full: 9999px; /* circular icon buttons, avatars */

  /* Semantic aliases */
  --radius-button: var(--radius-lg);
  --radius-button-pricing: var(--radius-pill);
  --radius-button-legal: var(--radius-xs);
  --radius-input: var(--radius-sm);
  --radius-card: var(--radius-md);
  --radius-card-signature: var(--radius-lg);
  --radius-media: var(--radius-md);
  --radius-avatar: var(--radius-full);
}