{
  "$description": "Raindrop.io — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Raindrop.io tokens",
      "modes": [
        {
          "name": "Raindrop.io"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#fafbfc"
          }
        },
        {
          "name": "color/bg-tinted",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#f7f9fb"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#f4f6f8"
          }
        },
        {
          "name": "color/surface-raised",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#eef1f4"
          }
        },
        {
          "name": "color/surface-overlay",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffffff"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#000000"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0a0a0a"
          }
        },
        {
          "name": "color/text-secondary",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#333333"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#7a7a82"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#a8a8b0"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#c8c8d0"
          }
        },
        {
          "name": "color/text-on-brand",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffffff"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0b7ed0"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0964a8"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0a548d"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#e6f1f9"
          }
        },
        {
          "name": "color/brand-cyan",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#5ec5d8"
          }
        },
        {
          "name": "color/brand-blue-deep",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#1e7bd9"
          }
        },
        {
          "name": "color/accent-mint",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#cce8d4"
          }
        },
        {
          "name": "color/accent-mint-deep",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#9ed4ad"
          }
        },
        {
          "name": "color/accent-pink",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffd7d7"
          }
        },
        {
          "name": "color/accent-pink-deep",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#f5b8b8"
          }
        },
        {
          "name": "color/accent-lilac",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#e8d4f0"
          }
        },
        {
          "name": "color/accent-lilac-deep",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#c8a8d8"
          }
        },
        {
          "name": "color/accent-teal",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#b8d8d4"
          }
        },
        {
          "name": "color/accent-teal-deep",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#88b8b0"
          }
        },
        {
          "name": "color/accent-yellow",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#fde68a"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0b7ed0"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0964a8"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0000001a"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#00000010"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#00000033"
          }
        },
        {
          "name": "color/focus-ring",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0b7ed0"
          }
        },
        {
          "name": "color/selection-bg",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#0b7ed0"
          }
        },
        {
          "name": "color/selection-text",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffffff"
          }
        },
        {
          "name": "color/shadow",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "rgba(0,0,0,0.08)"
          }
        },
        {
          "name": "color/shadow-tinted",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "rgba(11,126,208,0.12)"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#34c759"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffcc00"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ff3b30"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#5ac8fa"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Raindrop.io": "#ffffff"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 12
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 32
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Raindrop.io": 64
          }
        }
      ]
    }
  ]
}