{
  "$description": "Cloudflare — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Cloudflare tokens",
      "modes": [
        {
          "name": "Cloudflare"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ffffff"
          }
        },
        {
          "name": "color/bg-canvas",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#fbfbfb"
          }
        },
        {
          "name": "color/bg-elevated",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#f8f8f8"
          }
        },
        {
          "name": "color/bg-recessed",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#f3f3f3"
          }
        },
        {
          "name": "color/bg-hero",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#262626"
          }
        },
        {
          "name": "color/bg-contrast",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#0f0f0f"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ffffff"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#262626"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ffffff"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#333333"
          }
        },
        {
          "name": "color/text-secondary",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#525252"
          }
        },
        {
          "name": "color/text-subtle",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#737373"
          }
        },
        {
          "name": "color/text-placeholder",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#9ca3af"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ff5e1f"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#f54900"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Cloudflare": "rgba(255, 94, 31, 0.10)"
          }
        },
        {
          "name": "color/badge-orange",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ffac00"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ffffff"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#193cb8"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#e5e5e5"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#f0f0f0"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#d4d4d4"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#058378"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#ffac00"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Cloudflare": "#c10007"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Cloudflare": 64
          }
        }
      ]
    }
  ]
}