{
  "$description": "Twitch — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Twitch tokens",
      "modes": [
        {
          "name": "Twitch"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Twitch": "#0e0e10"
          }
        },
        {
          "name": "color/bg-alt",
          "type": "COLOR",
          "values": {
            "Twitch": "#18181b"
          }
        },
        {
          "name": "color/bg-deep",
          "type": "COLOR",
          "values": {
            "Twitch": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Twitch": "#1f1f23"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "Twitch": "#26262c"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Twitch": "#18181b"
          }
        },
        {
          "name": "color/surface-elevated",
          "type": "COLOR",
          "values": {
            "Twitch": "#26262c"
          }
        },
        {
          "name": "color/surface-card",
          "type": "COLOR",
          "values": {
            "Twitch": "#1f1f23"
          }
        },
        {
          "name": "color/surface-chat",
          "type": "COLOR",
          "values": {
            "Twitch": "#1f1f23"
          }
        },
        {
          "name": "color/surface-chat-hover",
          "type": "COLOR",
          "values": {
            "Twitch": "#26262c"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Twitch": "#efeff1"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Twitch": "#ffffff"
          }
        },
        {
          "name": "color/text-base",
          "type": "COLOR",
          "values": {
            "Twitch": "#efeff1"
          }
        },
        {
          "name": "color/text-alt",
          "type": "COLOR",
          "values": {
            "Twitch": "#adadb8"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Twitch": "#898997"
          }
        },
        {
          "name": "color/text-link",
          "type": "COLOR",
          "values": {
            "Twitch": "#bf94ff"
          }
        },
        {
          "name": "color/text-disabled",
          "type": "COLOR",
          "values": {
            "Twitch": "#53535f"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Twitch": "#9146ff"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Twitch": "#a970ff"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Twitch": "#772ce8"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Twitch": "#5c16c5"
          }
        },
        {
          "name": "color/brand-2024",
          "type": "COLOR",
          "values": {
            "Twitch": "#9146ff"
          }
        },
        {
          "name": "color/brand-classic",
          "type": "COLOR",
          "values": {
            "Twitch": "#6441a4"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Twitch": "#ffffff"
          }
        },
        {
          "name": "color/accent-magenta",
          "type": "COLOR",
          "values": {
            "Twitch": "#fab4ff"
          }
        },
        {
          "name": "color/accent-cheer-red",
          "type": "COLOR",
          "values": {
            "Twitch": "#ff4248"
          }
        },
        {
          "name": "color/accent-cheer-orange",
          "type": "COLOR",
          "values": {
            "Twitch": "#f5b53a"
          }
        },
        {
          "name": "color/accent-cheer-blue",
          "type": "COLOR",
          "values": {
            "Twitch": "#4d8eff"
          }
        },
        {
          "name": "color/accent-cheer-green",
          "type": "COLOR",
          "values": {
            "Twitch": "#00d6cc"
          }
        },
        {
          "name": "color/accent-cheer-purple",
          "type": "COLOR",
          "values": {
            "Twitch": "#9c3eff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Twitch": "#3a3a3d"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Twitch": "#26262c"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Twitch": "#53535f"
          }
        },
        {
          "name": "color/scrim-card",
          "type": "COLOR",
          "values": {
            "Twitch": "linear-gradient(0deg, rgba(0,0,0,0.85) 0%, transparent 100%)"
          }
        },
        {
          "name": "color/shadow-card",
          "type": "COLOR",
          "values": {
            "Twitch": "rgba(0,0,0,0.5)"
          }
        },
        {
          "name": "color/shadow-modal",
          "type": "COLOR",
          "values": {
            "Twitch": "rgba(0,0,0,0.76)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Twitch": "#00f593"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Twitch": "#ffd84a"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Twitch": "#eb0400"
          }
        },
        {
          "name": "color/danger-text",
          "type": "COLOR",
          "values": {
            "Twitch": "#ff4d4d"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Twitch": "#4d8eff"
          }
        },
        {
          "name": "color/live-indicator",
          "type": "COLOR",
          "values": {
            "Twitch": "#eb0400"
          }
        },
        {
          "name": "color/live-pill-bg",
          "type": "COLOR",
          "values": {
            "Twitch": "#eb0400"
          }
        },
        {
          "name": "color/follow-purple",
          "type": "COLOR",
          "values": {
            "Twitch": "#9146ff"
          }
        },
        {
          "name": "color/subscribe-tier-1",
          "type": "COLOR",
          "values": {
            "Twitch": "#9146ff"
          }
        },
        {
          "name": "color/subscribe-tier-2",
          "type": "COLOR",
          "values": {
            "Twitch": "#3ea6f5"
          }
        },
        {
          "name": "color/subscribe-tier-3",
          "type": "COLOR",
          "values": {
            "Twitch": "#f5b53a"
          }
        },
        {
          "name": "color/highlight-mod",
          "type": "COLOR",
          "values": {
            "Twitch": "#00ad03"
          }
        },
        {
          "name": "color/highlight-vip",
          "type": "COLOR",
          "values": {
            "Twitch": "#e005b9"
          }
        },
        {
          "name": "color/highlight-broadcaster",
          "type": "COLOR",
          "values": {
            "Twitch": "#eb0400"
          }
        },
        {
          "name": "color/highlight-prime",
          "type": "COLOR",
          "values": {
            "Twitch": "#3ea6f5"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Twitch": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Twitch": 8
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Twitch": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Twitch": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Twitch": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Twitch": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Twitch": 48
          }
        }
      ]
    }
  ]
}