/* Spacing + radius scale, values as observed in the Screens frames. */
:root{
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 36px;

  --radius-sm: 8px;    /* pills, "On track" chip */
  --radius-md: 12px;   /* icon chips, "Pill" savings goal target row */
  --radius-lg: 15px;   /* card containers ("List", "Savings breakdown") */
  --radius-xl: 23.52px;/* device/leaflet frame corner */
  --radius-full: 999px;/* progress bars, avatar */
}