{
  "$description": "On — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "On tokens",
      "modes": [
        {
          "name": "On"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "On": "#ffffff"
          }
        },
        {
          "name": "color/bg-dark",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "On": "#ffffff"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "On": "#f5f5f5"
          }
        },
        {
          "name": "color/surface-warm",
          "type": "COLOR",
          "values": {
            "On": "#fafafa"
          }
        },
        {
          "name": "color/ink",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/ink-soft",
          "type": "COLOR",
          "values": {
            "On": "#0a0a0a"
          }
        },
        {
          "name": "color/charcoal",
          "type": "COLOR",
          "values": {
            "On": "#333333"
          }
        },
        {
          "name": "color/mute",
          "type": "COLOR",
          "values": {
            "On": "#525252"
          }
        },
        {
          "name": "color/mute-soft",
          "type": "COLOR",
          "values": {
            "On": "#767676"
          }
        },
        {
          "name": "color/stone",
          "type": "COLOR",
          "values": {
            "On": "#9a9a9a"
          }
        },
        {
          "name": "color/hairline",
          "type": "COLOR",
          "values": {
            "On": "#d4d4d4"
          }
        },
        {
          "name": "color/hairline-soft",
          "type": "COLOR",
          "values": {
            "On": "#e5e5e5"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "On": "#525252"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "On": "#767676"
          }
        },
        {
          "name": "color/text-on-ink",
          "type": "COLOR",
          "values": {
            "On": "#ffffff"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "On": "#1a1a1a"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "On": "#ffffff"
          }
        },
        {
          "name": "color/pill-light",
          "type": "COLOR",
          "values": {
            "On": "#ffffff"
          }
        },
        {
          "name": "color/pill-light-text",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "On": "#525252"
          }
        },
        {
          "name": "color/visited",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/selected",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/disabled-bg",
          "type": "COLOR",
          "values": {
            "On": "#e5e5e5"
          }
        },
        {
          "name": "color/disabled-text",
          "type": "COLOR",
          "values": {
            "On": "#9a9a9a"
          }
        },
        {
          "name": "color/accent-coral",
          "type": "COLOR",
          "values": {
            "On": "#e63312"
          }
        },
        {
          "name": "color/accent-coral-deep",
          "type": "COLOR",
          "values": {
            "On": "#b3260d"
          }
        },
        {
          "name": "color/sale",
          "type": "COLOR",
          "values": {
            "On": "#e63312"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "On": "#1f8a4c"
          }
        },
        {
          "name": "color/success-bright",
          "type": "COLOR",
          "values": {
            "On": "#34c873"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "On": "#a35316"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "On": "#d11507"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "On": "#1151ff"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "On": "rgba(0,0,0,0.55)"
          }
        },
        {
          "name": "color/ring",
          "type": "COLOR",
          "values": {
            "On": "#000000"
          }
        },
        {
          "name": "color/ring-on-dark",
          "type": "COLOR",
          "values": {
            "On": "#ffffff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "On": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "On": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "On": 0
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "On": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "On": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "On": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "On": 64
          }
        }
      ]
    }
  ]
}