{
  "$description": "webdesignhot — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "webdesignhot tokens",
      "modes": [
        {
          "name": "webdesignhot"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#0a0a0a"
          }
        },
        {
          "name": "color/bg-elev",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#0f0f0f"
          }
        },
        {
          "name": "color/bg-card",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#141416"
          }
        },
        {
          "name": "color/bg-card-hover",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#1a1a1c"
          }
        },
        {
          "name": "color/bg-card-active",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#202024"
          }
        },
        {
          "name": "color/surface-overlay",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(10, 10, 10, 0.72)"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#ededed"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#ffffff"
          }
        },
        {
          "name": "color/text-dim",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#8a8a8a"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#525252"
          }
        },
        {
          "name": "color/text-disabled",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#3a3a3a"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#0a0a0a"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#c6f432"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#d2f854"
          }
        },
        {
          "name": "color/brand-pressed",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#b6e426"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(198, 244, 50, 0.10)"
          }
        },
        {
          "name": "color/brand-tint-strong",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(198, 244, 50, 0.25)"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#9bcc1f"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(255, 255, 255, 0.08)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(255, 255, 255, 0.15)"
          }
        },
        {
          "name": "color/border-subtle",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(255, 255, 255, 0.04)"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(198, 244, 50, 0.25)"
          }
        },
        {
          "name": "color/border-brand-strong",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(198, 244, 50, 0.45)"
          }
        },
        {
          "name": "color/selection-bg",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(198, 244, 50, 0.30)"
          }
        },
        {
          "name": "color/selection-text",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#ededed"
          }
        },
        {
          "name": "color/focus-ring",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#c6f432"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#c6f432"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#d2f854"
          }
        },
        {
          "name": "color/link-visited",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#9bcc1f"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#22c55e"
          }
        },
        {
          "name": "color/success-tint",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(34, 197, 94, 0.12)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#f59e0b"
          }
        },
        {
          "name": "color/warning-tint",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(245, 158, 11, 0.12)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#ef4444"
          }
        },
        {
          "name": "color/danger-tint",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(239, 68, 68, 0.12)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "webdesignhot": "#60a5fa"
          }
        },
        {
          "name": "color/info-tint",
          "type": "COLOR",
          "values": {
            "webdesignhot": "rgba(96, 165, 250, 0.12)"
          }
        },
        {
          "name": "color/grain-radial",
          "type": "COLOR",
          "values": {
            "webdesignhot": "radial-gradient(60% 40% at 50% 0%, rgba(198,244,50,0.04), transparent 70%)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 16
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "webdesignhot": 40
          }
        }
      ]
    }
  ]
}