{
  "$description": "Square — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Square tokens",
      "modes": [
        {
          "name": "Square"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Square": "#ffffff"
          }
        },
        {
          "name": "color/bg-dark",
          "type": "COLOR",
          "values": {
            "Square": "#000000"
          }
        },
        {
          "name": "color/bg-cool",
          "type": "COLOR",
          "values": {
            "Square": "#f7f7f7"
          }
        },
        {
          "name": "color/bg-cream",
          "type": "COLOR",
          "values": {
            "Square": "#f1eee9"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Square": "#ffffff"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Square": "#f7f7f7"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "Square": "#ebebeb"
          }
        },
        {
          "name": "color/surface-dark-elevated",
          "type": "COLOR",
          "values": {
            "Square": "#1c1c1c"
          }
        },
        {
          "name": "color/surface-cream",
          "type": "COLOR",
          "values": {
            "Square": "#f1eee9"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Square": "#000000"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "Square": "#1c1c1c"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Square": "#5a5a5a"
          }
        },
        {
          "name": "color/text-subtle",
          "type": "COLOR",
          "values": {
            "Square": "#8a8a8a"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Square": "#ffffff"
          }
        },
        {
          "name": "color/text-on-dark-soft",
          "type": "COLOR",
          "values": {
            "Square": "#a0a0a0"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Square": "#000000"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Square": "#1c1c1c"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "Square": "#006aff"
          }
        },
        {
          "name": "color/accent-hover",
          "type": "COLOR",
          "values": {
            "Square": "#0050c8"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "Square": "#e6efff"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Square": "#ffffff"
          }
        },
        {
          "name": "color/on-accent",
          "type": "COLOR",
          "values": {
            "Square": "#ffffff"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Square": "#006aff"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Square": "#0050c8"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Square": "#d8d8d8"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Square": "#a0a0a0"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Square": "#ebebeb"
          }
        },
        {
          "name": "color/border-on-dark",
          "type": "COLOR",
          "values": {
            "Square": "rgba(255,255,255,0.16)"
          }
        },
        {
          "name": "color/semantic-success",
          "type": "COLOR",
          "values": {
            "Square": "#1f8b4c"
          }
        },
        {
          "name": "color/semantic-warning",
          "type": "COLOR",
          "values": {
            "Square": "#cc7700"
          }
        },
        {
          "name": "color/semantic-danger",
          "type": "COLOR",
          "values": {
            "Square": "#cf202f"
          }
        },
        {
          "name": "color/semantic-info",
          "type": "COLOR",
          "values": {
            "Square": "#006aff"
          }
        },
        {
          "name": "color/focus-ring",
          "type": "COLOR",
          "values": {
            "Square": "rgba(0,106,255,0.45)"
          }
        },
        {
          "name": "color/shadow-ambient",
          "type": "COLOR",
          "values": {
            "Square": "rgba(0, 0, 0, 0.04)"
          }
        },
        {
          "name": "color/shadow-soft",
          "type": "COLOR",
          "values": {
            "Square": "rgba(0, 0, 0, 0.08)"
          }
        },
        {
          "name": "color/shadow-hard",
          "type": "COLOR",
          "values": {
            "Square": "rgba(0, 0, 0, 0.16)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Square": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Square": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Square": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Square": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Square": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Square": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Square": 64
          }
        }
      ]
    }
  ]
}