{
  "$description": "Stytch — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Stytch tokens",
      "modes": [
        {
          "name": "Stytch"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfaf9"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#f7f5f3"
          }
        },
        {
          "name": "color/bg-section",
          "type": "COLOR",
          "values": {
            "Stytch": "#f0ede9"
          }
        },
        {
          "name": "color/bg-cyan-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#e9f4f6"
          }
        },
        {
          "name": "color/bg-yellow-tint",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfeed"
          }
        },
        {
          "name": "color/bg-dark",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfaf9"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#f7f5f3"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "Stytch": "#f0ede9"
          }
        },
        {
          "name": "color/surface-cyan",
          "type": "COLOR",
          "values": {
            "Stytch": "#b2d6de"
          }
        },
        {
          "name": "color/surface-cyan-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#e9f4f6"
          }
        },
        {
          "name": "color/surface-electric",
          "type": "COLOR",
          "values": {
            "Stytch": "#e6fd13"
          }
        },
        {
          "name": "color/surface-electric-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfeed"
          }
        },
        {
          "name": "color/surface-dark",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Stytch": "#000000"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Stytch": "#5e5e5e"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#7d7d7d"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Stytch": "#a8a8a8"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfaf9"
          }
        },
        {
          "name": "color/text-on-electric",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/text-on-cyan",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Stytch": "#000000"
          }
        },
        {
          "name": "color/accent-electric",
          "type": "COLOR",
          "values": {
            "Stytch": "#e6fd13"
          }
        },
        {
          "name": "color/accent-cyan",
          "type": "COLOR",
          "values": {
            "Stytch": "#b2d6de"
          }
        },
        {
          "name": "color/accent-cyan-deep",
          "type": "COLOR",
          "values": {
            "Stytch": "#7eb8c4"
          }
        },
        {
          "name": "color/accent-pink",
          "type": "COLOR",
          "values": {
            "Stytch": "#ff9eb8"
          }
        },
        {
          "name": "color/accent-orange",
          "type": "COLOR",
          "values": {
            "Stytch": "#fc8854"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Stytch": "#000000"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Stytch": "#e8e6e3"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Stytch": "#efedea"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Stytch": "#d3d0cd"
          }
        },
        {
          "name": "color/border-input",
          "type": "COLOR",
          "values": {
            "Stytch": "#c2bfbc"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfaf9"
          }
        },
        {
          "name": "color/on-dark",
          "type": "COLOR",
          "values": {
            "Stytch": "#fbfaf9"
          }
        },
        {
          "name": "color/on-light",
          "type": "COLOR",
          "values": {
            "Stytch": "#1d1d1d"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "Stytch": "rgba(29,29,29,0.48)"
          }
        },
        {
          "name": "color/shadow-card",
          "type": "COLOR",
          "values": {
            "Stytch": "rgba(29,29,29,0.04)"
          }
        },
        {
          "name": "color/shadow-elev",
          "type": "COLOR",
          "values": {
            "Stytch": "rgba(29,29,29,0.08)"
          }
        },
        {
          "name": "color/shadow-modal",
          "type": "COLOR",
          "values": {
            "Stytch": "rgba(29,29,29,0.16)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Stytch": "#0f8a4d"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "Stytch": "#e6f6ec"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Stytch": "#a35316"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "Stytch": "#fef0e6"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Stytch": "#d92929"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "Stytch": "#fdebeb"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Stytch": "#7eb8c4"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Stytch": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Stytch": 16
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Stytch": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Stytch": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Stytch": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Stytch": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Stytch": 48
          }
        }
      ]
    }
  ]
}