:root {
  --xb-shape-none: 0;
  --xb-shape-xs: 4px;
  --xb-shape-sm: 8px;
  --xb-shape-md: 12px;
  --xb-shape-lg: 16px;
  --xb-shape-xl: 24px;
  --xb-shape-full: 999px;

  --xb-shape-button: var(--xb-shape-md);
  --xb-shape-button-compact: var(--xb-shape-sm);
  --xb-shape-input: var(--xb-shape-md);
  --xb-shape-card: var(--xb-shape-lg);
  --xb-shape-dialog: var(--xb-shape-xl);
  --xb-shape-menu: var(--xb-shape-md);
  --xb-shape-chip: var(--xb-shape-full);
  --xb-shape-checkbox: var(--xb-shape-xs);
}