{
  "$description": "Webflow — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Webflow tokens",
      "modes": [
        {
          "name": "Webflow"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Webflow": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#f9f9fc"
          }
        },
        {
          "name": "color/bg-elev",
          "type": "COLOR",
          "values": {
            "Webflow": "#f5f6fa"
          }
        },
        {
          "name": "color/bg-dark",
          "type": "COLOR",
          "values": {
            "Webflow": "#080a12"
          }
        },
        {
          "name": "color/bg-dark-2",
          "type": "COLOR",
          "values": {
            "Webflow": "#0e1018"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Webflow": "#f5f6fa"
          }
        },
        {
          "name": "color/surface-2",
          "type": "COLOR",
          "values": {
            "Webflow": "#e6e9f2"
          }
        },
        {
          "name": "color/surface-3",
          "type": "COLOR",
          "values": {
            "Webflow": "#d8dceb"
          }
        },
        {
          "name": "color/surface-dark",
          "type": "COLOR",
          "values": {
            "Webflow": "#11131c"
          }
        },
        {
          "name": "color/surface-dark-2",
          "type": "COLOR",
          "values": {
            "Webflow": "#181b27"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Webflow": "#1d1f2e"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Webflow": "#080a12"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Webflow": "#4a4d5e"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#7a7d92"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Webflow": "#a8acc1"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Webflow": "#ffffff"
          }
        },
        {
          "name": "color/text-on-dark-muted",
          "type": "COLOR",
          "values": {
            "Webflow": "#a8acc1"
          }
        },
        {
          "name": "color/text-on-dark-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#7a7d92"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "Webflow": "#ffffff"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Webflow": "#4353ff"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Webflow": "#3441cc"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Webflow": "#2d369e"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Webflow": "#1a1f5c"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#e8eaff"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "Webflow": "#a285ff"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#e8e3ff"
          }
        },
        {
          "name": "color/accent-deep",
          "type": "COLOR",
          "values": {
            "Webflow": "#7a5dd9"
          }
        },
        {
          "name": "color/accent-cyan",
          "type": "COLOR",
          "values": {
            "Webflow": "#22ccff"
          }
        },
        {
          "name": "color/accent-cyan-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#dcf4ff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Webflow": "#e0e3ec"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Webflow": "#cdd1de"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Webflow": "#eef0f5"
          }
        },
        {
          "name": "color/border-dark",
          "type": "COLOR",
          "values": {
            "Webflow": "#22253a"
          }
        },
        {
          "name": "color/border-dark-strong",
          "type": "COLOR",
          "values": {
            "Webflow": "#33374f"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Webflow": "#22c55e"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "Webflow": "#dcfce7"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Webflow": "#f59e0b"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "Webflow": "#fef3c7"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Webflow": "#ef4444"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "Webflow": "#fee2e2"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Webflow": "#4353ff"
          }
        },
        {
          "name": "color/info-bg",
          "type": "COLOR",
          "values": {
            "Webflow": "#e8eaff"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Webflow": "#ffffff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Webflow": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Webflow": 28
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Webflow": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Webflow": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Webflow": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Webflow": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Webflow": 40
          }
        }
      ]
    }
  ]
}