{
  "$description": "Vercel — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Vercel tokens",
      "modes": [
        {
          "name": "Vercel"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Vercel": "#fafafa"
          }
        },
        {
          "name": "color/bg-pure",
          "type": "COLOR",
          "values": {
            "Vercel": "#ffffff"
          }
        },
        {
          "name": "color/bg-elev",
          "type": "COLOR",
          "values": {
            "Vercel": "#f5f5f5"
          }
        },
        {
          "name": "color/bg-deeper",
          "type": "COLOR",
          "values": {
            "Vercel": "#ededed"
          }
        },
        {
          "name": "color/bg-ink",
          "type": "COLOR",
          "values": {
            "Vercel": "#0a0a0a"
          }
        },
        {
          "name": "color/bg-pure-black",
          "type": "COLOR",
          "values": {
            "Vercel": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Vercel": "#ffffff"
          }
        },
        {
          "name": "color/surface-elev",
          "type": "COLOR",
          "values": {
            "Vercel": "#fafafa"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Vercel": "#171717"
          }
        },
        {
          "name": "color/text-pure",
          "type": "COLOR",
          "values": {
            "Vercel": "#000000"
          }
        },
        {
          "name": "color/text-secondary",
          "type": "COLOR",
          "values": {
            "Vercel": "#525252"
          }
        },
        {
          "name": "color/text-tertiary",
          "type": "COLOR",
          "values": {
            "Vercel": "#737373"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Vercel": "#a3a3a3"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Vercel": "#ededed"
          }
        },
        {
          "name": "color/text-on-dark-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "#a3a3a3"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Vercel": "#0070f3"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Vercel": "#0061d5"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Vercel": "#0050b3"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 112, 243, 0.10)"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 112, 243, 0.06)"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Vercel": "#0070f3"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Vercel": "#0070f3"
          }
        },
        {
          "name": "color/focus",
          "type": "COLOR",
          "values": {
            "Vercel": "hsla(212, 100%, 48%, 1)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Vercel": "#ffffff"
          }
        },
        {
          "name": "color/cta-bg",
          "type": "COLOR",
          "values": {
            "Vercel": "#171717"
          }
        },
        {
          "name": "color/cta-text",
          "type": "COLOR",
          "values": {
            "Vercel": "#ffffff"
          }
        },
        {
          "name": "color/cta-bg-secondary",
          "type": "COLOR",
          "values": {
            "Vercel": "#ffffff"
          }
        },
        {
          "name": "color/cta-text-secondary",
          "type": "COLOR",
          "values": {
            "Vercel": "#171717"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Vercel": "hsla(0, 0%, 90%, 1)"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "hsla(0, 0%, 95%, 1)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Vercel": "hsla(0, 0%, 80%, 1)"
          }
        },
        {
          "name": "color/border-deep",
          "type": "COLOR",
          "values": {
            "Vercel": "hsla(0, 0%, 70%, 1)"
          }
        },
        {
          "name": "color/shadow-ambient",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 0, 0, 0.04)"
          }
        },
        {
          "name": "color/shadow-card",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 0, 0, 0.04)"
          }
        },
        {
          "name": "color/shadow-elev",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 0, 0, 0.06)"
          }
        },
        {
          "name": "color/shadow-deep",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 0, 0, 0.10)"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 0, 0, 0.40)"
          }
        },
        {
          "name": "color/gradient-conic",
          "type": "COLOR",
          "values": {
            "Vercel": "conic-gradient(from 230deg at 50% 50%, #0070f3, #00b8ff, #7928ca, #ff0080, #0070f3)"
          }
        },
        {
          "name": "color/gradient-blue",
          "type": "COLOR",
          "values": {
            "Vercel": "linear-gradient(135deg, #0070f3 0%, #00b8ff 100%)"
          }
        },
        {
          "name": "color/gradient-edge",
          "type": "COLOR",
          "values": {
            "Vercel": "linear-gradient(180deg, transparent 0%, rgba(0, 112, 243, 0.20) 100%)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Vercel": "#0070f3"
          }
        },
        {
          "name": "color/success-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 112, 243, 0.10)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Vercel": "#f5a623"
          }
        },
        {
          "name": "color/warning-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(245, 166, 35, 0.10)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Vercel": "#e00"
          }
        },
        {
          "name": "color/danger-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(238, 0, 0, 0.10)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Vercel": "#0070f3"
          }
        },
        {
          "name": "color/info-soft",
          "type": "COLOR",
          "values": {
            "Vercel": "rgba(0, 112, 243, 0.10)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Vercel": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Vercel": 8
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Vercel": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Vercel": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Vercel": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Vercel": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Vercel": 48
          }
        }
      ]
    }
  ]
}