{
  "$description": "Valorant — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Valorant tokens",
      "modes": [
        {
          "name": "Valorant"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Valorant": "#0f1923"
          }
        },
        {
          "name": "color/bg-deep",
          "type": "COLOR",
          "values": {
            "Valorant": "#1a242e"
          }
        },
        {
          "name": "color/bg-section",
          "type": "COLOR",
          "values": {
            "Valorant": "#212d39"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Valorant": "#1a242e"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "Valorant": "#212d39"
          }
        },
        {
          "name": "color/surface-translucent",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(15, 25, 35, 0.85)"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Valorant": "#ff4655"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Valorant": "#d62836"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Valorant": "#a81e29"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(255, 70, 85, 0.15)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Valorant": "#ffffff"
          }
        },
        {
          "name": "color/bone",
          "type": "COLOR",
          "values": {
            "Valorant": "#ece8e1"
          }
        },
        {
          "name": "color/bone-soft",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(236, 232, 225, 0.7)"
          }
        },
        {
          "name": "color/bone-faint",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(236, 232, 225, 0.4)"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Valorant": "#ece8e1"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Valorant": "#ffffff"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Valorant": "#9aa6b1"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Valorant": "#6c7780"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "Valorant": "#ffffff"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Valorant": "#ff4655"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Valorant": "#ffffff"
          }
        },
        {
          "name": "color/selected-bg",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(255, 70, 85, 0.20)"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(236, 232, 225, 0.15)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Valorant": "rgba(236, 232, 225, 0.30)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "Valorant": "#ff4655"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Valorant": "#22c55e"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Valorant": "#f5a524"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Valorant": "#ff4655"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Valorant": "#9aa6b1"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Valorant": 4
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Valorant": 6
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Valorant": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Valorant": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Valorant": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Valorant": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Valorant": 40
          }
        }
      ]
    }
  ]
}