{
  "$description": "Brex — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Brex tokens",
      "modes": [
        {
          "name": "Brex"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Brex": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "Brex": "#f5f5f7"
          }
        },
        {
          "name": "color/bg-tile",
          "type": "COLOR",
          "values": {
            "Brex": "#f0f0f3"
          }
        },
        {
          "name": "color/bg-soft-2",
          "type": "COLOR",
          "values": {
            "Brex": "#f7f7f9"
          }
        },
        {
          "name": "color/bg-ink",
          "type": "COLOR",
          "values": {
            "Brex": "#0e0f12"
          }
        },
        {
          "name": "color/bg-violet",
          "type": "COLOR",
          "values": {
            "Brex": "#1a0d2e"
          }
        },
        {
          "name": "color/bg-gradient-wash",
          "type": "COLOR",
          "values": {
            "Brex": "linear-gradient(180deg, rgba(255, 92, 173, 0.06) 0%, rgba(168, 85, 255, 0.06) 50%, rgba(91, 109, 255, 0.06) 100%)"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Brex": "#ffffff"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Brex": "#f7f7f9"
          }
        },
        {
          "name": "color/surface-cool",
          "type": "COLOR",
          "values": {
            "Brex": "#f0f0f3"
          }
        },
        {
          "name": "color/surface-dark",
          "type": "COLOR",
          "values": {
            "Brex": "#0e0f12"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Brex": "#0e0f12"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Brex": "#000000"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "Brex": "#1c1d22"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Brex": "#5a5d66"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Brex": "#8a8d96"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Brex": "#b0b3bb"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Brex": "#ffffff"
          }
        },
        {
          "name": "color/text-on-dark-soft",
          "type": "COLOR",
          "values": {
            "Brex": "#a3a6af"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Brex": "#a855ff"
          }
        },
        {
          "name": "color/brand-strong",
          "type": "COLOR",
          "values": {
            "Brex": "#7e3df0"
          }
        },
        {
          "name": "color/brand-pink",
          "type": "COLOR",
          "values": {
            "Brex": "#ff5cad"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Brex": "#6b2ed3"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Brex": "#9744ee"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Brex": "#f3e8ff"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(168, 85, 255, 0.08)"
          }
        },
        {
          "name": "color/brand-glow",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(168, 85, 255, 0.32)"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "Brex": "#5b6dff"
          }
        },
        {
          "name": "color/accent-strong",
          "type": "COLOR",
          "values": {
            "Brex": "#3b4eff"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(91, 109, 255, 0.10)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Brex": "#ffffff"
          }
        },
        {
          "name": "color/cta-text",
          "type": "COLOR",
          "values": {
            "Brex": "#ffffff"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Brex": "#5b6dff"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Brex": "#3b4eff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.09)"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.06)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.16)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(168, 85, 255, 0.40)"
          }
        },
        {
          "name": "color/shadow-ambient",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.04)"
          }
        },
        {
          "name": "color/shadow-card",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.04) 0 4px 20px"
          }
        },
        {
          "name": "color/shadow-elev",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.08) 0 12px 32px -8px"
          }
        },
        {
          "name": "color/shadow-popover",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.10) 0 16px 40px -16px"
          }
        },
        {
          "name": "color/shadow-modal",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.20) 0 24px 64px -16px"
          }
        },
        {
          "name": "color/shadow-glow-brand",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(168, 85, 255, 0.24) 0 8px 32px -4px"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(14, 15, 18, 0.60)"
          }
        },
        {
          "name": "color/gradient-primary",
          "type": "COLOR",
          "values": {
            "Brex": "linear-gradient(135deg, #ff5cad 0%, #a855ff 50%, #5b6dff 100%)"
          }
        },
        {
          "name": "color/gradient-hero",
          "type": "COLOR",
          "values": {
            "Brex": "linear-gradient(135deg, #ff5cad 0%, #a855ff 60%, #5b6dff 100%)"
          }
        },
        {
          "name": "color/gradient-wash",
          "type": "COLOR",
          "values": {
            "Brex": "linear-gradient(135deg, rgba(255, 92, 173, 0.10) 0%, rgba(168, 85, 255, 0.10) 50%, rgba(91, 109, 255, 0.10) 100%)"
          }
        },
        {
          "name": "color/gradient-vertical",
          "type": "COLOR",
          "values": {
            "Brex": "linear-gradient(180deg, #ff5cad 0%, #a855ff 50%, #5b6dff 100%)"
          }
        },
        {
          "name": "color/gradient-radial",
          "type": "COLOR",
          "values": {
            "Brex": "radial-gradient(circle at 30% 30%, #ff5cad 0%, #a855ff 50%, #5b6dff 100%)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Brex": "#10b981"
          }
        },
        {
          "name": "color/success-soft",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(16, 185, 129, 0.10)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Brex": "#f59e0b"
          }
        },
        {
          "name": "color/warning-soft",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(245, 158, 11, 0.10)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Brex": "#ef4444"
          }
        },
        {
          "name": "color/danger-soft",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(239, 68, 68, 0.10)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Brex": "#5b6dff"
          }
        },
        {
          "name": "color/info-soft",
          "type": "COLOR",
          "values": {
            "Brex": "rgba(91, 109, 255, 0.10)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Brex": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Brex": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Brex": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Brex": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Brex": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Brex": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Brex": 48
          }
        }
      ]
    }
  ]
}