:root {
  --radius: 0.625rem;                        /* 10px — buttons, inputs, cards */
  --radius-sm: calc(var(--radius) - 4px);    /* 6px  — badges, chips */
  --radius-lg: calc(var(--radius) + 4px);    /* 14px — large containers */
  --radius-full: 9999px;                     /* pills, avatars */

  /* Marketing surfaces run rounder than the app */
  --radius-nav: 16px;
  --radius-card: 20px;
  --radius-feature: 28px;
  --radius-app-card: 12px;
  --radius-app-control: 8px;
}