{
  "$description": "CodeSandbox — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "CodeSandbox tokens",
      "modes": [
        {
          "name": "CodeSandbox"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#0e0e0e"
          }
        },
        {
          "name": "color/bg-deep",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#080808"
          }
        },
        {
          "name": "color/bg-elevated",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#1d1d1d"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#1d1d1d"
          }
        },
        {
          "name": "color/surface-high",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#262626"
          }
        },
        {
          "name": "color/surface-low",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#141414"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#f0f0f0"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#ffffff"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#a0a0a0"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#8a8a8a"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#5c5c5c"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#eaff96"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#f1ffb0"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#d6f06a"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(234,255,150,0.14)"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(234,255,150,0.07)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#343434"
          }
        },
        {
          "name": "color/lime-text",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#e3ff73"
          }
        },
        {
          "name": "color/lime-text-hover",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#edff9a"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#e3ff73"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#edff9a"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(240,240,240,0.10)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(240,240,240,0.18)"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(240,240,240,0.06)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(234,255,150,0.45)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#7ee787"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(126,231,135,0.14)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#f0b429"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(240,180,41,0.14)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#ff6b6b"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(255,107,107,0.14)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "#e3ff73"
          }
        },
        {
          "name": "color/shadow-deep",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(0,0,0,0.6)"
          }
        },
        {
          "name": "color/shadow-soft",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(0,0,0,0.4)"
          }
        },
        {
          "name": "color/shadow-glow",
          "type": "COLOR",
          "values": {
            "CodeSandbox": "rgba(234,255,150,0.22)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "CodeSandbox": 64
          }
        }
      ]
    }
  ]
}