{
  "$description": "HeroUI — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "HeroUI tokens",
      "modes": [
        {
          "name": "HeroUI"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "HeroUI": "#f7f7f7"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "HeroUI": "#fafafa"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "HeroUI": "#ffffff"
          }
        },
        {
          "name": "color/surface-muted",
          "type": "COLOR",
          "values": {
            "HeroUI": "#f1f1f1"
          }
        },
        {
          "name": "color/surface-control",
          "type": "COLOR",
          "values": {
            "HeroUI": "#eeeeee"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "HeroUI": "#171717"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "HeroUI": "#71717a"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "HeroUI": "#8d8d95"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "HeroUI": "#a1a1aa"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "HeroUI": "#006fee"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "HeroUI": "#005bc4"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "HeroUI": "rgba(0, 111, 238, 0.15)"
          }
        },
        {
          "name": "color/accent-pink",
          "type": "COLOR",
          "values": {
            "HeroUI": "#ff81b9"
          }
        },
        {
          "name": "color/accent-rose",
          "type": "COLOR",
          "values": {
            "HeroUI": "#ff8289"
          }
        },
        {
          "name": "color/accent-orange",
          "type": "COLOR",
          "values": {
            "HeroUI": "#ff9a00"
          }
        },
        {
          "name": "color/accent-yellow",
          "type": "COLOR",
          "values": {
            "HeroUI": "#dcbe00"
          }
        },
        {
          "name": "color/accent-green",
          "type": "COLOR",
          "values": {
            "HeroUI": "#72db5a"
          }
        },
        {
          "name": "color/accent-cyan",
          "type": "COLOR",
          "values": {
            "HeroUI": "#00d7ff"
          }
        },
        {
          "name": "color/accent-sky",
          "type": "COLOR",
          "values": {
            "HeroUI": "#5dbfff"
          }
        },
        {
          "name": "color/accent-violet",
          "type": "COLOR",
          "values": {
            "HeroUI": "#a8abff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "HeroUI": "#e4e4e7"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "HeroUI": "rgba(228, 228, 231, 0.65)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "HeroUI": "#d4d4d8"
          }
        },
        {
          "name": "color/focus",
          "type": "COLOR",
          "values": {
            "HeroUI": "#006fee"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "HeroUI": "#17c964"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "HeroUI": "#f5a524"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "HeroUI": "#f31260"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "HeroUI": "#ffffff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "HeroUI": 12
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "HeroUI": 16
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "HeroUI": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "HeroUI": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "HeroUI": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "HeroUI": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "HeroUI": 48
          }
        }
      ]
    }
  ]
}