{
  "$description": "Storybook — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Storybook tokens",
      "modes": [
        {
          "name": "Storybook"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Storybook": "#ffffff"
          }
        },
        {
          "name": "color/bg-elev",
          "type": "COLOR",
          "values": {
            "Storybook": "#f8f9fa"
          }
        },
        {
          "name": "color/bg-deeper",
          "type": "COLOR",
          "values": {
            "Storybook": "#f1f3f5"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Storybook": "#ffffff"
          }
        },
        {
          "name": "color/surface-ink",
          "type": "COLOR",
          "values": {
            "Storybook": "#0d1026"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Storybook": "#000000"
          }
        },
        {
          "name": "color/text-secondary",
          "type": "COLOR",
          "values": {
            "Storybook": "#454545"
          }
        },
        {
          "name": "color/text-tertiary",
          "type": "COLOR",
          "values": {
            "Storybook": "#73828c"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Storybook": "#9aa5ad"
          }
        },
        {
          "name": "color/text-on-ink",
          "type": "COLOR",
          "values": {
            "Storybook": "#ffffff"
          }
        },
        {
          "name": "color/text-on-ink-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "#b0b8c0"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Storybook": "#ff4785"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Storybook": "#e63a73"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Storybook": "#cc3066"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "rgba(255, 71, 133, 0.10)"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "Storybook": "rgba(255, 71, 133, 0.06)"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Storybook": "#ff4785"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Storybook": "#e63a73"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Storybook": "#ffffff"
          }
        },
        {
          "name": "color/cta-bg",
          "type": "COLOR",
          "values": {
            "Storybook": "#ffffff"
          }
        },
        {
          "name": "color/cta-text",
          "type": "COLOR",
          "values": {
            "Storybook": "#000000"
          }
        },
        {
          "name": "color/cta-bg-brand",
          "type": "COLOR",
          "values": {
            "Storybook": "#ff4785"
          }
        },
        {
          "name": "color/cta-text-brand",
          "type": "COLOR",
          "values": {
            "Storybook": "#ffffff"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Storybook": "#e5e7eb"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "#f1f3f5"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Storybook": "#cdd2d6"
          }
        },
        {
          "name": "color/focus",
          "type": "COLOR",
          "values": {
            "Storybook": "#ff4785"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Storybook": "#66bf3c"
          }
        },
        {
          "name": "color/success-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "rgba(102, 191, 60, 0.10)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Storybook": "#e69d00"
          }
        },
        {
          "name": "color/warning-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "rgba(230, 157, 0, 0.10)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Storybook": "#ff4400"
          }
        },
        {
          "name": "color/danger-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "rgba(255, 68, 0, 0.10)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Storybook": "#1ea7fd"
          }
        },
        {
          "name": "color/info-soft",
          "type": "COLOR",
          "values": {
            "Storybook": "rgba(30, 167, 253, 0.10)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Storybook": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Storybook": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Storybook": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Storybook": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Storybook": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Storybook": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Storybook": 64
          }
        }
      ]
    }
  ]
}