{
  "$description": "MetaMask — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "MetaMask tokens",
      "modes": [
        {
          "name": "MetaMask"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "MetaMask": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "MetaMask": "#f5f5f5"
          }
        },
        {
          "name": "color/bg-warm",
          "type": "COLOR",
          "values": {
            "MetaMask": "#fdf6ed"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "MetaMask": "#ffffff"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "MetaMask": "#fafafa"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "MetaMask": "#f0f0f0"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "MetaMask": "#f6851b"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "MetaMask": "#e3760e"
          }
        },
        {
          "name": "color/brand-pressed",
          "type": "COLOR",
          "values": {
            "MetaMask": "#cc6800"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "MetaMask": "#a85400"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "MetaMask": "#fde5cc"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "MetaMask": "#fbcc99"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "MetaMask": "#ffffff"
          }
        },
        {
          "name": "color/fox-blue",
          "type": "COLOR",
          "values": {
            "MetaMask": "#037dd6"
          }
        },
        {
          "name": "color/fox-blue-deep",
          "type": "COLOR",
          "values": {
            "MetaMask": "#0260a4"
          }
        },
        {
          "name": "color/fox-red",
          "type": "COLOR",
          "values": {
            "MetaMask": "#d73a49"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "MetaMask": "#1a1a1a"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "MetaMask": "#000000"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "MetaMask": "#535a61"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "MetaMask": "#8e8e8e"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "MetaMask": "#bcbcbc"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "MetaMask": "#ffffff"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "MetaMask": "#037dd6"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "MetaMask": "#0260a4"
          }
        },
        {
          "name": "color/selected-bg",
          "type": "COLOR",
          "values": {
            "MetaMask": "#fde5cc"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "MetaMask": "#d6d9dc"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "MetaMask": "#bbbfc4"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "MetaMask": "#eaecef"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "MetaMask": "#f6851b"
          }
        },
        {
          "name": "color/network-eth",
          "type": "COLOR",
          "values": {
            "MetaMask": "#627eea"
          }
        },
        {
          "name": "color/network-polygon",
          "type": "COLOR",
          "values": {
            "MetaMask": "#8247e5"
          }
        },
        {
          "name": "color/network-arbitrum",
          "type": "COLOR",
          "values": {
            "MetaMask": "#28a0f0"
          }
        },
        {
          "name": "color/network-optimism",
          "type": "COLOR",
          "values": {
            "MetaMask": "#ff0420"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "MetaMask": "#1a8757"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "MetaMask": "#cc8800"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "MetaMask": "#d73a49"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "MetaMask": "#037dd6"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "MetaMask": 12
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "MetaMask": 16
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "MetaMask": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "MetaMask": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "MetaMask": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "MetaMask": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "MetaMask": 40
          }
        }
      ]
    }
  ]
}