{
  "space": {
    "0": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "rem"
      },
      "$description": "Spacing step 0 on the 4px grid (0px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-0)"
          }
        }
      }
    },
    "1": {
      "$type": "dimension",
      "$value": {
        "value": 0.25,
        "unit": "rem"
      },
      "$description": "Spacing step 1 on the 4px grid (4px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-1)"
          }
        }
      }
    },
    "2": {
      "$type": "dimension",
      "$value": {
        "value": 0.5,
        "unit": "rem"
      },
      "$description": "Spacing step 2 on the 4px grid (8px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-2)"
          }
        }
      }
    },
    "3": {
      "$type": "dimension",
      "$value": {
        "value": 0.75,
        "unit": "rem"
      },
      "$description": "Spacing step 3 on the 4px grid (12px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-3)"
          }
        }
      }
    },
    "4": {
      "$type": "dimension",
      "$value": {
        "value": 1,
        "unit": "rem"
      },
      "$description": "Spacing step 4 on the 4px grid (16px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-4)"
          }
        }
      }
    },
    "5": {
      "$type": "dimension",
      "$value": {
        "value": 1.25,
        "unit": "rem"
      },
      "$description": "Spacing step 5 on the 4px grid (20px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-5)"
          }
        }
      }
    },
    "6": {
      "$type": "dimension",
      "$value": {
        "value": 1.5,
        "unit": "rem"
      },
      "$description": "Spacing step 6 on the 4px grid (24px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-6)"
          }
        }
      }
    },
    "8": {
      "$type": "dimension",
      "$value": {
        "value": 2,
        "unit": "rem"
      },
      "$description": "Spacing step 8 on the 4px grid (32px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-8)"
          }
        }
      }
    },
    "10": {
      "$type": "dimension",
      "$value": {
        "value": 2.5,
        "unit": "rem"
      },
      "$description": "Spacing step 10 on the 4px grid (40px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-10)"
          }
        }
      }
    },
    "12": {
      "$type": "dimension",
      "$value": {
        "value": 3,
        "unit": "rem"
      },
      "$description": "Spacing step 12 on the 4px grid (48px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-12)"
          }
        }
      }
    },
    "14": {
      "$type": "dimension",
      "$value": {
        "value": 3.5,
        "unit": "rem"
      },
      "$description": "Spacing step 14 on the 4px grid (56px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-14)"
          }
        }
      }
    },
    "16": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "rem"
      },
      "$description": "Spacing step 16 on the 4px grid (64px at the default root font size). Use for padding, margins, and gaps.",
      "$extensions": {
        "com.figma": {
          "hiddenFromPublishing": false,
          "scopes": [
            "WIDTH_HEIGHT",
            "GAP"
          ],
          "codeSyntax": {
            "WEB": "var(--space-16)"
          }
        }
      }
    }
  }
}