{
  "$description": "SendGrid — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "SendGrid tokens",
      "modes": [
        {
          "name": "SendGrid"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "SendGrid": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f4f6f9"
          }
        },
        {
          "name": "color/bg-blue",
          "type": "COLOR",
          "values": {
            "SendGrid": "#e1eeff"
          }
        },
        {
          "name": "color/bg-blue-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f0f6ff"
          }
        },
        {
          "name": "color/bg-navy",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d122b"
          }
        },
        {
          "name": "color/bg-codeblock",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0a1228"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f8f9fb"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#fafbfd"
          }
        },
        {
          "name": "color/surface-hover",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f1f3f7"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d122b"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "SendGrid": "#000000"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "SendGrid": "#5b6079"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#8b8e9e"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "SendGrid": "#b4b6c4"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "SendGrid": "#e6e9f1"
          }
        },
        {
          "name": "color/text-on-dark-muted",
          "type": "COLOR",
          "values": {
            "SendGrid": "#9da1b3"
          }
        },
        {
          "name": "color/text-code",
          "type": "COLOR",
          "values": {
            "SendGrid": "#e6e9f1"
          }
        },
        {
          "name": "color/text-code-comment",
          "type": "COLOR",
          "values": {
            "SendGrid": "#6c7591"
          }
        },
        {
          "name": "color/text-code-keyword",
          "type": "COLOR",
          "values": {
            "SendGrid": "#79b8ff"
          }
        },
        {
          "name": "color/text-code-string",
          "type": "COLOR",
          "values": {
            "SendGrid": "#a5d6a7"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "SendGrid": "#1f74ff"
          }
        },
        {
          "name": "color/brand-strong",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d5fe0"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0a4cb8"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#dceeff"
          }
        },
        {
          "name": "color/brand-tint",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f0f6ff"
          }
        },
        {
          "name": "color/accent",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f22f46"
          }
        },
        {
          "name": "color/accent-strong",
          "type": "COLOR",
          "values": {
            "SendGrid": "#d4243b"
          }
        },
        {
          "name": "color/accent-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#fde7eb"
          }
        },
        {
          "name": "color/accent-tint",
          "type": "COLOR",
          "values": {
            "SendGrid": "#fef2f4"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d122b1f"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d122b10"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d122b3a"
          }
        },
        {
          "name": "color/border-blue",
          "type": "COLOR",
          "values": {
            "SendGrid": "#1f74ff40"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "SendGrid": "#1f74ff"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0d5fe0"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "SendGrid": "#ffffff"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "SendGrid": "#14b86a"
          }
        },
        {
          "name": "color/success-bg",
          "type": "COLOR",
          "values": {
            "SendGrid": "#dcf5e9"
          }
        },
        {
          "name": "color/success-text",
          "type": "COLOR",
          "values": {
            "SendGrid": "#0a7d49"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f5a623"
          }
        },
        {
          "name": "color/warning-bg",
          "type": "COLOR",
          "values": {
            "SendGrid": "#fef3e0"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "SendGrid": "#f22f46"
          }
        },
        {
          "name": "color/danger-bg",
          "type": "COLOR",
          "values": {
            "SendGrid": "#fde7eb"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "SendGrid": "#1f74ff"
          }
        },
        {
          "name": "color/info-bg",
          "type": "COLOR",
          "values": {
            "SendGrid": "#dceeff"
          }
        },
        {
          "name": "color/shadow-soft",
          "type": "COLOR",
          "values": {
            "SendGrid": "rgba(13,18,43,0.04)"
          }
        },
        {
          "name": "color/shadow-standard",
          "type": "COLOR",
          "values": {
            "SendGrid": "rgba(13,18,43,0.08)"
          }
        },
        {
          "name": "color/shadow-elevated",
          "type": "COLOR",
          "values": {
            "SendGrid": "rgba(13,18,43,0.12)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "SendGrid": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "SendGrid": 8
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "SendGrid": 2
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "SendGrid": 4
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "SendGrid": 12
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "SendGrid": 24
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "SendGrid": 40
          }
        }
      ]
    }
  ]
}