/* Witly Design System — Corner radius tokens */
:root {
  --radius-xs: 4px;   /* tiny tags, chart elements */
  --radius-sm: 8px;   /* inputs, compact controls, thumbnails */
  --radius-md: 12px;  /* default cards */
  --radius-lg: 16px;  /* callout panels, major cards */
  --radius-xl: 24px;  /* hero media, large feature panels */
  --radius-pill: 9999px;

  /* Semantic */
  --radius-card: var(--radius-md);
  --radius-control: var(--radius-sm);
}