:root {
  --radius-xs: 8px;
  --radius-sm: 10px;   /* inputs */
  --radius-md: 14px;
  --radius-lg: 16px;   /* cards */
  --radius-xl: 24px;   /* panels, sheets */
  --radius-2xl: 32px;  /* hero blocks */
  --radius-pill: 9999px;
  --radius-input: var(--radius-sm);
  --radius-card: var(--radius-lg);
  --radius-chip: var(--radius-pill);
  /* Soft organic corner — used on feature panels and photo frames */
  --radius-petal: 32px 32px 32px 8px;
}