{
  "$description": "Ramp — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Ramp tokens",
      "modes": [
        {
          "name": "Ramp"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Ramp": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "#fafaf7"
          }
        },
        {
          "name": "color/bg-paper",
          "type": "COLOR",
          "values": {
            "Ramp": "#f7f6f1"
          }
        },
        {
          "name": "color/bg-yellow",
          "type": "COLOR",
          "values": {
            "Ramp": "#fcfb70"
          }
        },
        {
          "name": "color/bg-yellow-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "#fefee0"
          }
        },
        {
          "name": "color/bg-ink",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/bg-ink-pure",
          "type": "COLOR",
          "values": {
            "Ramp": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Ramp": "#ffffff"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "#f9f9f7"
          }
        },
        {
          "name": "color/surface-elev",
          "type": "COLOR",
          "values": {
            "Ramp": "#fafaf7"
          }
        },
        {
          "name": "color/surface-yellow",
          "type": "COLOR",
          "values": {
            "Ramp": "#fcfb70"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Ramp": "#000000"
          }
        },
        {
          "name": "color/text-body",
          "type": "COLOR",
          "values": {
            "Ramp": "#1a1a1a"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Ramp": "#5b5b58"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "#8a8a85"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Ramp": "#b0b0a8"
          }
        },
        {
          "name": "color/text-on-ink",
          "type": "COLOR",
          "values": {
            "Ramp": "#ffffff"
          }
        },
        {
          "name": "color/text-on-ink-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "#a3a3a0"
          }
        },
        {
          "name": "color/text-on-yellow",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/brand-strong",
          "type": "COLOR",
          "values": {
            "Ramp": "#000000"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Ramp": "#1a1a1a"
          }
        },
        {
          "name": "color/brand-pressed",
          "type": "COLOR",
          "values": {
            "Ramp": "#000000"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "Ramp": "#fcfb70"
          }
        },
        {
          "name": "color/accent-strong",
          "type": "COLOR",
          "values": {
            "Ramp": "#e8e750"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "#fefee0"
          }
        },
        {
          "name": "color/accent-ink",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.10)"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.06)"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.18)"
          }
        },
        {
          "name": "color/border-on-yellow",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.16)"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Ramp": "#ffffff"
          }
        },
        {
          "name": "color/on-accent",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Ramp": "#000000"
          }
        },
        {
          "name": "color/link-visited",
          "type": "COLOR",
          "values": {
            "Ramp": "#3a3a36"
          }
        },
        {
          "name": "color/shadow-ambient",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.04)"
          }
        },
        {
          "name": "color/shadow-card",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.04) 0 1px 2px"
          }
        },
        {
          "name": "color/shadow-elev",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.08) 0 8px 24px -8px"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.50)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Ramp": "#1a7f3a"
          }
        },
        {
          "name": "color/success-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(26, 127, 58, 0.10)"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Ramp": "#a36b00"
          }
        },
        {
          "name": "color/warning-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(163, 107, 0, 0.10)"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Ramp": "#9a1f1f"
          }
        },
        {
          "name": "color/danger-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(154, 31, 31, 0.10)"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Ramp": "#0a0a0a"
          }
        },
        {
          "name": "color/info-soft",
          "type": "COLOR",
          "values": {
            "Ramp": "rgba(10, 10, 10, 0.06)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Ramp": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Ramp": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Ramp": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Ramp": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Ramp": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Ramp": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Ramp": 64
          }
        }
      ]
    }
  ]
}
