{
  "$description": "SolidJS — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "SolidJS tokens",
      "modes": [
        {
          "name": "SolidJS"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0c1424"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "SolidJS": "#142037"
          }
        },
        {
          "name": "color/bg-strong",
          "type": "COLOR",
          "values": {
            "SolidJS": "#1a2640"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "SolidJS": "#1a2640"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "SolidJS": "#26334d"
          }
        },
        {
          "name": "color/surface-muted",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0e1828"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "SolidJS": "#f0f4fa"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ffffff"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "SolidJS": "#a8b3c7"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "SolidJS": "#7a8499"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "SolidJS": "#5a6478"
          }
        },
        {
          "name": "color/text-disabled",
          "type": "COLOR",
          "values": {
            "SolidJS": "#3a4258"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "SolidJS": "#2c4f7c"
          }
        },
        {
          "name": "color/brand-strong",
          "type": "COLOR",
          "values": {
            "SolidJS": "#1d3a5f"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "SolidJS": "#2c4f7c33"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0a1a2e"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "SolidJS": "#66e6ff"
          }
        },
        {
          "name": "color/accent-strong",
          "type": "COLOR",
          "values": {
            "SolidJS": "#33d4ff"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "SolidJS": "#66e6ff22"
          }
        },
        {
          "name": "color/gradient-from",
          "type": "COLOR",
          "values": {
            "SolidJS": "#2c4f7c"
          }
        },
        {
          "name": "color/gradient-to",
          "type": "COLOR",
          "values": {
            "SolidJS": "#66e6ff"
          }
        },
        {
          "name": "color/glow",
          "type": "COLOR",
          "values": {
            "SolidJS": "#66e6ff44"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "SolidJS": "#66e6ff"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "SolidJS": "#33d4ff"
          }
        },
        {
          "name": "color/link-visited",
          "type": "COLOR",
          "values": {
            "SolidJS": "#a78bfa"
          }
        },
        {
          "name": "color/selected",
          "type": "COLOR",
          "values": {
            "SolidJS": "#2c4f7c33"
          }
        },
        {
          "name": "color/disabled-bg",
          "type": "COLOR",
          "values": {
            "SolidJS": "#26334d"
          }
        },
        {
          "name": "color/disabled-text",
          "type": "COLOR",
          "values": {
            "SolidJS": "#5a6478"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ffffff14"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ffffff26"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ffffff0a"
          }
        },
        {
          "name": "color/border-cyan",
          "type": "COLOR",
          "values": {
            "SolidJS": "#66e6ff66"
          }
        },
        {
          "name": "color/divider",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ffffff14"
          }
        },
        {
          "name": "color/shadow-deep",
          "type": "COLOR",
          "values": {
            "SolidJS": "rgba(0, 0, 0, 0.4)"
          }
        },
        {
          "name": "color/shadow-cyan",
          "type": "COLOR",
          "values": {
            "SolidJS": "rgba(102, 230, 255, 0.32)"
          }
        },
        {
          "name": "color/shadow-blue",
          "type": "COLOR",
          "values": {
            "SolidJS": "rgba(44, 79, 124, 0.32)"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0d2818"
          }
        },
        {
          "name": "color/success-text",
          "type": "COLOR",
          "values": {
            "SolidJS": "#86efac"
          }
        },
        {
          "name": "color/success-border",
          "type": "COLOR",
          "values": {
            "SolidJS": "#22c55e"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "SolidJS": "#2a2010"
          }
        },
        {
          "name": "color/warning-text",
          "type": "COLOR",
          "values": {
            "SolidJS": "#fbbf24"
          }
        },
        {
          "name": "color/warning-border",
          "type": "COLOR",
          "values": {
            "SolidJS": "#f59e0b"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "SolidJS": "#2a1414"
          }
        },
        {
          "name": "color/danger-text",
          "type": "COLOR",
          "values": {
            "SolidJS": "#fca5a5"
          }
        },
        {
          "name": "color/danger-border",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ef4444"
          }
        },
        {
          "name": "color/info-bg",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0c2030"
          }
        },
        {
          "name": "color/info-text",
          "type": "COLOR",
          "values": {
            "SolidJS": "#7dd3fc"
          }
        },
        {
          "name": "color/info-border",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0ea5e9"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "SolidJS": "#ffffff"
          }
        },
        {
          "name": "color/on-accent",
          "type": "COLOR",
          "values": {
            "SolidJS": "#0c1424"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "SolidJS": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "SolidJS": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "SolidJS": 2
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "SolidJS": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "SolidJS": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "SolidJS": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "SolidJS": 40
          }
        }
      ]
    }
  ]
}