{
  "$description": "StackBlitz — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "StackBlitz tokens",
      "modes": [
        {
          "name": "StackBlitz"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#1c1f25"
          }
        },
        {
          "name": "color/bg-deep",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#15181d"
          }
        },
        {
          "name": "color/bg-darker",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#101216"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#24272e"
          }
        },
        {
          "name": "color/surface-high",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#2c3038"
          }
        },
        {
          "name": "color/surface-low",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#1f2127"
          }
        },
        {
          "name": "color/surface-elev",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#363b45"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#ffffff"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#ffffff"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#e4e7ec"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#9ba3b4"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#7d8694"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#565d6b"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#ffffff"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#1574ef"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#2b80f0"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#0f5fcc"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(21,116,239,0.16)"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(21,116,239,0.08)"
          }
        },
        {
          "name": "color/accent-bolt",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#1574ef"
          }
        },
        {
          "name": "color/accent-purple",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#8b5cf6"
          }
        },
        {
          "name": "color/accent-purple-soft",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(139,92,246,0.16)"
          }
        },
        {
          "name": "color/accent-cyan",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#22d3ee"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#ffffff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(255,255,255,0.08)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(255,255,255,0.14)"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(255,255,255,0.04)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(21,116,239,0.45)"
          }
        },
        {
          "name": "color/signin-bg",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(49,61,94,0.24)"
          }
        },
        {
          "name": "color/signin-text",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(255,255,255,0.8)"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#1574ef"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#2b80f0"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#34d399"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(52,211,153,0.15)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#fbbf24"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(251,191,36,0.15)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#f87171"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(248,113,113,0.15)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "StackBlitz": "#1574ef"
          }
        },
        {
          "name": "color/shadow-deep",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(0,0,0,0.45)"
          }
        },
        {
          "name": "color/shadow-soft",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(0,0,0,0.25)"
          }
        },
        {
          "name": "color/shadow-glow",
          "type": "COLOR",
          "values": {
            "StackBlitz": "rgba(21,116,239,0.28)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 10
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "StackBlitz": 40
          }
        }
      ]
    }
  ]
}