:root {
  /* 4px base. 1-2-3-4-6-8-10-12-16-20-24 steps. */
  --atl-space-025: 2px;
  --atl-space-050: 4px;
  --atl-space-1: 8px;
  --atl-space-150: 12px;
  --atl-space-2: 16px;
  --atl-space-250: 20px;
  --atl-space-3: 24px;
  --atl-space-4: 32px;
  --atl-space-5: 40px;
  --atl-space-6: 48px;
  --atl-space-8: 64px;
  --atl-space-10: 80px;
  --atl-space-12: 96px;

  /* Layout */
  --atl-gutter: 24px;
  --atl-page-max: 1240px;
  --atl-measure: 68ch;
  --atl-section-gap: 72px;
  --atl-control-height: 44px;
  --atl-control-height-sm: 34px;
  --atl-touch-min: 44px;
}