:root{
  --radius-xs:3px;
  --radius-small:5px;
  --radius-medium:8px;
  --radius-large:12px;
  --radius-xl:16px;
  --radius-pill:999px;
  /* Component defaults */
  --radius-control:var(--radius-small);
  --radius-card:var(--radius-medium);
  --radius-surface:var(--radius-large);
  --radius-badge:var(--radius-xs);
  --radius-cover:var(--radius-xs);
}