{
  "$description": "X — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "X tokens",
      "modes": [
        {
          "name": "X"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "X": "#000000"
          }
        },
        {
          "name": "color/bg-light",
          "type": "COLOR",
          "values": {
            "X": "#ffffff"
          }
        },
        {
          "name": "color/bg-dim",
          "type": "COLOR",
          "values": {
            "X": "#15202b"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "X": "#16181c"
          }
        },
        {
          "name": "color/surface-hover",
          "type": "COLOR",
          "values": {
            "X": "#1c1f23"
          }
        },
        {
          "name": "color/surface-elevated",
          "type": "COLOR",
          "values": {
            "X": "#202327"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "X": "#0d0d0e"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "X": "#e7e9ea"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "X": "#ffffff"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "X": "#e7e9ea"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "X": "#536471"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "X": "#3e4a55"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "X": "#ffffff"
          }
        },
        {
          "name": "color/text-on-white",
          "type": "COLOR",
          "values": {
            "X": "#0f1419"
          }
        },
        {
          "name": "color/brand-blue",
          "type": "COLOR",
          "values": {
            "X": "#1d9bf0"
          }
        },
        {
          "name": "color/brand-blue-hover",
          "type": "COLOR",
          "values": {
            "X": "#1a8cd8"
          }
        },
        {
          "name": "color/brand-blue-deep",
          "type": "COLOR",
          "values": {
            "X": "#1573b8"
          }
        },
        {
          "name": "color/brand-blue-soft",
          "type": "COLOR",
          "values": {
            "X": "rgba(29,155,240,0.1)"
          }
        },
        {
          "name": "color/primary-action",
          "type": "COLOR",
          "values": {
            "X": "#ffffff"
          }
        },
        {
          "name": "color/primary-action-hover",
          "type": "COLOR",
          "values": {
            "X": "#d7dbdc"
          }
        },
        {
          "name": "color/secondary-action",
          "type": "COLOR",
          "values": {
            "X": "#000000"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "X": "#1d9bf0"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "X": "#1a8cd8"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "X": "#2f3336"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "X": "#536471"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "X": "#16181c"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "X": "#ffffff"
          }
        },
        {
          "name": "color/on-bg",
          "type": "COLOR",
          "values": {
            "X": "#e7e9ea"
          }
        },
        {
          "name": "color/shadow-color",
          "type": "COLOR",
          "values": {
            "X": "rgba(255,255,255,0.04)"
          }
        },
        {
          "name": "color/reply-icon",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/reply-active",
          "type": "COLOR",
          "values": {
            "X": "#1d9bf0"
          }
        },
        {
          "name": "color/retweet-icon",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/retweet-active",
          "type": "COLOR",
          "values": {
            "X": "#00ba7c"
          }
        },
        {
          "name": "color/like-icon",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/like-active",
          "type": "COLOR",
          "values": {
            "X": "#f91880"
          }
        },
        {
          "name": "color/share-icon",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/bookmark-icon",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/bookmark-active",
          "type": "COLOR",
          "values": {
            "X": "#1d9bf0"
          }
        },
        {
          "name": "color/verified-blue",
          "type": "COLOR",
          "values": {
            "X": "#1d9bf0"
          }
        },
        {
          "name": "color/verified-gold",
          "type": "COLOR",
          "values": {
            "X": "#fab421"
          }
        },
        {
          "name": "color/verified-grey",
          "type": "COLOR",
          "values": {
            "X": "#829aab"
          }
        },
        {
          "name": "color/premium-gold",
          "type": "COLOR",
          "values": {
            "X": "#fab421"
          }
        },
        {
          "name": "color/views-meta",
          "type": "COLOR",
          "values": {
            "X": "#71767b"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "X": "#00ba7c"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "X": "#fab421"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "X": "#f4212e"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "X": "#1d9bf0"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "X": 12
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "X": 16
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "X": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "X": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "X": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "X": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "X": 48
          }
        }
      ]
    }
  ]
}