{
  "$description": "Remix — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Remix tokens",
      "modes": [
        {
          "name": "Remix"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Remix": "#ffffff"
          }
        },
        {
          "name": "color/bg-invert",
          "type": "COLOR",
          "values": {
            "Remix": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Remix": "#f7f7f7"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "Remix": "#ededed"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Remix": "#fafafa"
          }
        },
        {
          "name": "color/bg-overlay",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(0, 0, 0, 0.5)"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Remix": "#121212"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Remix": "#000000"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Remix": "#6b6b6b"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Remix": "#8a8a8a"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Remix": "#bdbdbd"
          }
        },
        {
          "name": "color/text-on-bg-invert",
          "type": "COLOR",
          "values": {
            "Remix": "#ffffff"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Remix": "#3992ff"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Remix": "#1c6fd6"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Remix": "#155ab0"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(57, 146, 255, 0.1)"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(57, 146, 255, 0.15)"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "Remix": "#f44250"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(244, 66, 80, 0.1)"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(0, 0, 0, 0.1)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(0, 0, 0, 0.2)"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(0, 0, 0, 0.05)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "Remix": "#3992ff"
          }
        },
        {
          "name": "color/border-focus",
          "type": "COLOR",
          "values": {
            "Remix": "#3992ff"
          }
        },
        {
          "name": "color/border-on-invert",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(255, 255, 255, 0.15)"
          }
        },
        {
          "name": "color/code-bg",
          "type": "COLOR",
          "values": {
            "Remix": "#000000"
          }
        },
        {
          "name": "color/code-text",
          "type": "COLOR",
          "values": {
            "Remix": "#ffffff"
          }
        },
        {
          "name": "color/code-border",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(255, 255, 255, 0.15)"
          }
        },
        {
          "name": "color/code-keyword",
          "type": "COLOR",
          "values": {
            "Remix": "#3992ff"
          }
        },
        {
          "name": "color/code-string",
          "type": "COLOR",
          "values": {
            "Remix": "#a3eb8e"
          }
        },
        {
          "name": "color/code-comment",
          "type": "COLOR",
          "values": {
            "Remix": "#6b6b6b"
          }
        },
        {
          "name": "color/code-fn",
          "type": "COLOR",
          "values": {
            "Remix": "#fbbf24"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Remix": "#10b981"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(16, 185, 129, 0.1)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Remix": "#f59e0b"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(245, 158, 11, 0.1)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Remix": "#f44250"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(244, 66, 80, 0.1)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Remix": "#3992ff"
          }
        },
        {
          "name": "color/info-bg",
          "type": "COLOR",
          "values": {
            "Remix": "rgba(57, 146, 255, 0.1)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Remix": "#ffffff"
          }
        },
        {
          "name": "color/on-invert",
          "type": "COLOR",
          "values": {
            "Remix": "#ffffff"
          }
        },
        {
          "name": "color/on-bg",
          "type": "COLOR",
          "values": {
            "Remix": "#121212"
          }
        },
        {
          "name": "color/on-surface",
          "type": "COLOR",
          "values": {
            "Remix": "#121212"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Remix": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Remix": 8
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Remix": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Remix": 2
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Remix": 8
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Remix": 20
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Remix": 32
          }
        }
      ]
    }
  ]
}