{
  "$description": "dYdX — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "dYdX tokens",
      "modes": [
        {
          "name": "dYdX"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "dYdX": "#000000"
          }
        },
        {
          "name": "color/bg-elev-1",
          "type": "COLOR",
          "values": {
            "dYdX": "#0a0a0a"
          }
        },
        {
          "name": "color/bg-elev-2",
          "type": "COLOR",
          "values": {
            "dYdX": "#131316"
          }
        },
        {
          "name": "color/bg-elev-3",
          "type": "COLOR",
          "values": {
            "dYdX": "#1c1c20"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "dYdX": "#0a0a0a"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "dYdX": "#131316"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "dYdX": "#fafafd"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "dYdX": "#c8c8d2"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "dYdX": "#8a8a96"
          }
        },
        {
          "name": "color/text-subtle",
          "type": "COLOR",
          "values": {
            "dYdX": "#5a5a64"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "dYdX": "#7774ff"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "dYdX": "#8e8bff"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "dYdX": "#605df0"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "dYdX": "#7774ff1a"
          }
        },
        {
          "name": "color/brand-glow",
          "type": "COLOR",
          "values": {
            "dYdX": "rgba(119,116,255,0.40)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "dYdX": "#ffffff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "dYdX": "#1f1f24"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "dYdX": "#131316"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "dYdX": "#33333c"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "dYdX": "#7774ff"
          }
        },
        {
          "name": "color/semantic-up",
          "type": "COLOR",
          "values": {
            "dYdX": "#26c486"
          }
        },
        {
          "name": "color/semantic-up-soft",
          "type": "COLOR",
          "values": {
            "dYdX": "#26c4861a"
          }
        },
        {
          "name": "color/semantic-down",
          "type": "COLOR",
          "values": {
            "dYdX": "#ff5a5a"
          }
        },
        {
          "name": "color/semantic-down-soft",
          "type": "COLOR",
          "values": {
            "dYdX": "#ff5a5a1a"
          }
        },
        {
          "name": "color/semantic-warning",
          "type": "COLOR",
          "values": {
            "dYdX": "#f5b945"
          }
        },
        {
          "name": "color/semantic-info",
          "type": "COLOR",
          "values": {
            "dYdX": "#7774ff"
          }
        },
        {
          "name": "color/focus-ring",
          "type": "COLOR",
          "values": {
            "dYdX": "rgba(119,116,255,0.55)"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "dYdX": "rgba(0,0,0,0.80)"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "dYdX": "#7774ff"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "dYdX": "#8e8bff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "dYdX": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "dYdX": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "dYdX": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "dYdX": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "dYdX": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "dYdX": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "dYdX": 64
          }
        }
      ]
    }
  ]
}