{
  "$description": "Onlook — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Onlook tokens",
      "modes": [
        {
          "name": "Onlook"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Onlook": "#040000"
          }
        },
        {
          "name": "color/bg-deep",
          "type": "COLOR",
          "values": {
            "Onlook": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Onlook": "rgba(0, 0, 0, 0.8)"
          }
        },
        {
          "name": "color/surface-panel",
          "type": "COLOR",
          "values": {
            "Onlook": "#100102"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Onlook": "#230206"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Onlook": "#ffffff"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Onlook": "#999999"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Onlook": "#ababab"
          }
        },
        {
          "name": "color/text-hidden-red",
          "type": "COLOR",
          "values": {
            "Onlook": "#620000"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Onlook": "#ffffff"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Onlook": "#000000"
          }
        },
        {
          "name": "color/accent-red",
          "type": "COLOR",
          "values": {
            "Onlook": "#620000"
          }
        },
        {
          "name": "color/accent-red-soft",
          "type": "COLOR",
          "values": {
            "Onlook": "#300206"
          }
        },
        {
          "name": "color/accent-red-mid",
          "type": "COLOR",
          "values": {
            "Onlook": "#4e1a23"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Onlook": "rgba(100, 0, 0, 0.1)"
          }
        },
        {
          "name": "color/border-red",
          "type": "COLOR",
          "values": {
            "Onlook": "#550102"
          }
        },
        {
          "name": "color/chrome-line",
          "type": "COLOR",
          "values": {
            "Onlook": "#1b1b1b"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Onlook": "#24d0bd"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Onlook": "#d9a441"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Onlook": "#d84a4a"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Onlook": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Onlook": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Onlook": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Onlook": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Onlook": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Onlook": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Onlook": 64
          }
        }
      ]
    }
  ]
}