:root {
  --radius-0: 0;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;      /* default card */
  --radius-xl: 28px;      /* panel / hero block */
  --radius-2xl: 36px;     /* full-bleed media block */
  --radius-pill: 999px;   /* chips, buttons, inputs — the brand's signature */

  --radius-card: var(--radius-lg);
  --radius-panel: var(--radius-xl);
  --radius-media: var(--radius-lg);
  --radius-control: var(--radius-pill);
  --radius-field: var(--radius-pill);
}