@mixin foundation-layout-radius() {
  // radius (by size)
  --theme-radius-4x4: 1px;
  --theme-radius-8x8: 2px;
  --theme-radius-12x12: 2px;
  --theme-radius-16x16: 2px;
  --theme-radius-20x20: 4px;
  --theme-radius-24x24: 4px;
  --theme-radius-32x32: 4px;
  --theme-radius-40x40: 6px;
  --theme-radius-48x48: 6px;
  --theme-radius-56x56: 8px;
  --theme-radius-64x64: 10px;
  --theme-radius-72x72: 12px;
  --theme-radius-80x80: 16px;
  --theme-radius-96x96: 16px;
  --theme-radius-120x120: 16px;

  // radius (by level)
  --theme-radius-xxsmall: 1px;
  --theme-radius-xsmall: 2px;
  --theme-radius-small: 4px;
  --theme-radius-medium-1: 6px;
  --theme-radius-medium-2: 6px;
  --theme-radius-medium-3: 8px;
  --theme-radius-medium-4: 10px;
  --theme-radius-large-1: 12px;
  --theme-radius-large-2: 16px;
  --theme-radius-xlarge: 16px;
}
