@mixin foundation-layout-size() {
  --theme-size-xxsmall: 4px;
  --theme-size-xsmall-1: 8px;
  --theme-size-xsmall-2: 12px;
  --theme-size-xsmall-3: 16px;
  --theme-size-small-1: 20px;
  --theme-size-small-2: 24px;
  --theme-size-small-3: 32px;
  --theme-size-medium-1: 40px;
  --theme-size-medium-2: 48px;
  --theme-size-medium-3: 56px;
  --theme-size-medium-4: 64px;
  --theme-size-large-1: 72px;
  --theme-size-large-2: 80px;
  --theme-size-xlarge-1: 96px;
  --theme-size-xlarge-2: 120px;
}
