{
  "$description": "Modal — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Modal tokens",
      "modes": [
        {
          "name": "Modal"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Modal": "#0c0c0c"
          }
        },
        {
          "name": "color/bg-elev-1",
          "type": "COLOR",
          "values": {
            "Modal": "#141414"
          }
        },
        {
          "name": "color/bg-elev-2",
          "type": "COLOR",
          "values": {
            "Modal": "#1c1c1c"
          }
        },
        {
          "name": "color/bg-elev-3",
          "type": "COLOR",
          "values": {
            "Modal": "#262626"
          }
        },
        {
          "name": "color/bg-elev-4",
          "type": "COLOR",
          "values": {
            "Modal": "#333333"
          }
        },
        {
          "name": "color/bg-overlay",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(0, 0, 0, 0.78)"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Modal": "#ffffff"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Modal": "#ffffff"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Modal": "#a3a3a3"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Modal": "#737373"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Modal": "#525252"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "Modal": "#0c0c0c"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Modal": "#7fee64"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Modal": "#6dd954"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Modal": "#5cc548"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(127, 238, 100, 0.12)"
          }
        },
        {
          "name": "color/brand-tint-strong",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(127, 238, 100, 0.2)"
          }
        },
        {
          "name": "color/brand-glow",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(127, 238, 100, 0.4)"
          }
        },
        {
          "name": "color/accent-output",
          "type": "COLOR",
          "values": {
            "Modal": "#7fee64"
          }
        },
        {
          "name": "color/accent-prompt",
          "type": "COLOR",
          "values": {
            "Modal": "#a3eb8e"
          }
        },
        {
          "name": "color/accent-syntax-keyword",
          "type": "COLOR",
          "values": {
            "Modal": "#7fee64"
          }
        },
        {
          "name": "color/accent-syntax-string",
          "type": "COLOR",
          "values": {
            "Modal": "#fbbf24"
          }
        },
        {
          "name": "color/accent-syntax-comment",
          "type": "COLOR",
          "values": {
            "Modal": "#737373"
          }
        },
        {
          "name": "color/accent-syntax-fn",
          "type": "COLOR",
          "values": {
            "Modal": "#a3eb8e"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(255, 255, 255, 0.1)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(255, 255, 255, 0.2)"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(255, 255, 255, 0.05)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(127, 238, 100, 0.4)"
          }
        },
        {
          "name": "color/border-focus",
          "type": "COLOR",
          "values": {
            "Modal": "#7fee64"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Modal": "#7fee64"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(127, 238, 100, 0.12)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Modal": "#fbbf24"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(251, 191, 36, 0.12)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Modal": "#f87171"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(248, 113, 113, 0.12)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Modal": "#60a5fa"
          }
        },
        {
          "name": "color/info-bg",
          "type": "COLOR",
          "values": {
            "Modal": "rgba(96, 165, 250, 0.12)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Modal": "#0c0c0c"
          }
        },
        {
          "name": "color/on-bg",
          "type": "COLOR",
          "values": {
            "Modal": "#ffffff"
          }
        },
        {
          "name": "color/on-surface",
          "type": "COLOR",
          "values": {
            "Modal": "#ffffff"
          }
        },
        {
          "name": "color/on-warning",
          "type": "COLOR",
          "values": {
            "Modal": "#0c0c0c"
          }
        },
        {
          "name": "color/on-danger",
          "type": "COLOR",
          "values": {
            "Modal": "#ffffff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Modal": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Modal": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Modal": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Modal": 2
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Modal": 8
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Modal": 20
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Modal": 32
          }
        }
      ]
    }
  ]
}