{
  "$description": "Framer — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Framer tokens",
      "modes": [
        {
          "name": "Framer"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Framer": "#ffffff"
          }
        },
        {
          "name": "color/bg-elev",
          "type": "COLOR",
          "values": {
            "Framer": "#fafafa"
          }
        },
        {
          "name": "color/bg-elev-2",
          "type": "COLOR",
          "values": {
            "Framer": "#f2f2f2"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Framer": "#fafafa"
          }
        },
        {
          "name": "color/surface-2",
          "type": "COLOR",
          "values": {
            "Framer": "#f2f2f2"
          }
        },
        {
          "name": "color/surface-3",
          "type": "COLOR",
          "values": {
            "Framer": "#ebebeb"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Framer": "#000000"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Framer": "#000000"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Framer": "#666666"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Framer": "#999999"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Framer": "#bfbfbf"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "Framer": "#ffffff"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Framer": "#0099ff"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Framer": "#0080d6"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Framer": "#0066ad"
          }
        },
        {
          "name": "color/accent-cyan",
          "type": "COLOR",
          "values": {
            "Framer": "#00d2ff"
          }
        },
        {
          "name": "color/accent-magenta",
          "type": "COLOR",
          "values": {
            "Framer": "#ff00aa"
          }
        },
        {
          "name": "color/accent-orange",
          "type": "COLOR",
          "values": {
            "Framer": "#ff6b00"
          }
        },
        {
          "name": "color/accent-violet",
          "type": "COLOR",
          "values": {
            "Framer": "#7c3aed"
          }
        },
        {
          "name": "color/accent-pink",
          "type": "COLOR",
          "values": {
            "Framer": "#ff66cc"
          }
        },
        {
          "name": "color/accent-blue-deep",
          "type": "COLOR",
          "values": {
            "Framer": "#0044ff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Framer": "#e5e5e5"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Framer": "#cccccc"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "Framer": "#f0f0f0"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Framer": "#22c55e"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "Framer": "#dcfce7"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Framer": "#f59e0b"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "Framer": "#fef3c7"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Framer": "#ef4444"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "Framer": "#fee2e2"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Framer": "#0099ff"
          }
        },
        {
          "name": "color/info-bg",
          "type": "COLOR",
          "values": {
            "Framer": "#dbeafe"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Framer": "#ffffff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Framer": 10
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Framer": 40
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Framer": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Framer": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Framer": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Framer": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Framer": 40
          }
        }
      ]
    }
  ]
}