{
  "$description": "Optimism — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Optimism tokens",
      "modes": [
        {
          "name": "Optimism"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Optimism": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "Optimism": "#f5f5f5"
          }
        },
        {
          "name": "color/bg-strong",
          "type": "COLOR",
          "values": {
            "Optimism": "#e6e6e6"
          }
        },
        {
          "name": "color/bg-dark",
          "type": "COLOR",
          "values": {
            "Optimism": "#000000"
          }
        },
        {
          "name": "color/bg-dark-elev",
          "type": "COLOR",
          "values": {
            "Optimism": "#1a1a1a"
          }
        },
        {
          "name": "color/bg-dark-deep",
          "type": "COLOR",
          "values": {
            "Optimism": "#0a0a0a"
          }
        },
        {
          "name": "color/surface-card",
          "type": "COLOR",
          "values": {
            "Optimism": "#ffffff"
          }
        },
        {
          "name": "color/surface-card-soft",
          "type": "COLOR",
          "values": {
            "Optimism": "#f5f5f5"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Optimism": "#000000"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "Optimism": "#1a1a1a"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Optimism": "#5a5a5a"
          }
        },
        {
          "name": "color/text-subtle",
          "type": "COLOR",
          "values": {
            "Optimism": "#8a8a8a"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Optimism": "#ffffff"
          }
        },
        {
          "name": "color/text-on-dark-soft",
          "type": "COLOR",
          "values": {
            "Optimism": "#a8a8a8"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Optimism": "#ff0420"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Optimism": "#cc0319"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Optimism": "#a30214"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Optimism": "#ff04201a"
          }
        },
        {
          "name": "color/brand-glow",
          "type": "COLOR",
          "values": {
            "Optimism": "rgba(255,4,32,0.40)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Optimism": "#ffffff"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Optimism": "#7d020f"
          }
        },
        {
          "name": "color/brand-bright",
          "type": "COLOR",
          "values": {
            "Optimism": "#ff3344"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Optimism": "#e0e0e0"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Optimism": "#ebebeb"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Optimism": "#c0c0c0"
          }
        },
        {
          "name": "color/semantic-up",
          "type": "COLOR",
          "values": {
            "Optimism": "#10b981"
          }
        },
        {
          "name": "color/semantic-down",
          "type": "COLOR",
          "values": {
            "Optimism": "#ef4444"
          }
        },
        {
          "name": "color/semantic-warning",
          "type": "COLOR",
          "values": {
            "Optimism": "#f59e0b"
          }
        },
        {
          "name": "color/semantic-info",
          "type": "COLOR",
          "values": {
            "Optimism": "#ff0420"
          }
        },
        {
          "name": "color/gradient-hero",
          "type": "COLOR",
          "values": {
            "Optimism": "linear-gradient(135deg, #000000 0%, #1a1a1a 60%, #7d020f 100%)"
          }
        },
        {
          "name": "color/gradient-red",
          "type": "COLOR",
          "values": {
            "Optimism": "linear-gradient(135deg, #ff0420 0%, #cc0319 100%)"
          }
        },
        {
          "name": "color/focus-ring",
          "type": "COLOR",
          "values": {
            "Optimism": "rgba(255,4,32,0.45)"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "Optimism": "rgba(0,0,0,0.65)"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Optimism": "#ff0420"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Optimism": "#cc0319"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Optimism": 12
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Optimism": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Optimism": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Optimism": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Optimism": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Optimism": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Optimism": 64
          }
        }
      ]
    }
  ]
}