{
  "$description": "Tailwind CSS — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "Tailwind CSS tokens",
      "modes": [
        {
          "name": "Tailwind CSS"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#ffffff"
          }
        },
        {
          "name": "color/bg-quiet",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f8fafc"
          }
        },
        {
          "name": "color/bg-elev",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f1f5f9"
          }
        },
        {
          "name": "color/bg-elev-2",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#e2e8f0"
          }
        },
        {
          "name": "color/bg-tint",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#ecfeff"
          }
        },
        {
          "name": "color/bg-tint-2",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#cffafe"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#ffffff"
          }
        },
        {
          "name": "color/surface-2",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f8fafc"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0f172a"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#475569"
          }
        },
        {
          "name": "color/text-muted",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#64748b"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#94a3b8"
          }
        },
        {
          "name": "color/text-quiet",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#cbd5e1"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#06b6d4"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0891b2"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0e7490"
          }
        },
        {
          "name": "color/brand-soft",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#cffafe"
          }
        },
        {
          "name": "color/brand-soft-2",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#ecfeff"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#155e75"
          }
        },
        {
          "name": "color/brand-bright",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#22d3ee"
          }
        },
        {
          "name": "color/accent-sky",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0ea5e9"
          }
        },
        {
          "name": "color/accent-sky-soft",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#e0f2fe"
          }
        },
        {
          "name": "color/accent-blue",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#3b82f6"
          }
        },
        {
          "name": "color/accent-violet",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#8b5cf6"
          }
        },
        {
          "name": "color/accent-pink",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#ec4899"
          }
        },
        {
          "name": "color/accent-emerald",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#10b981"
          }
        },
        {
          "name": "color/accent-amber",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f59e0b"
          }
        },
        {
          "name": "color/accent-rose",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f43f5e"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#e2e8f0"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#cbd5e1"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f1f5f9"
          }
        },
        {
          "name": "color/border-brand",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#06b6d4"
          }
        },
        {
          "name": "color/link",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0891b2"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0e7490"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#ffffff"
          }
        },
        {
          "name": "color/code-bg",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#0f172a"
          }
        },
        {
          "name": "color/code-bg-light",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#1e293b"
          }
        },
        {
          "name": "color/code-text",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#e2e8f0"
          }
        },
        {
          "name": "color/code-keyword",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#22d3ee"
          }
        },
        {
          "name": "color/code-string",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#86efac"
          }
        },
        {
          "name": "color/code-attribute",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#fbbf24"
          }
        },
        {
          "name": "color/code-comment",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#64748b"
          }
        },
        {
          "name": "color/code-tag",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "#f87171"
          }
        },
        {
          "name": "color/shadow-soft",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "rgba(15,23,42,0.04)"
          }
        },
        {
          "name": "color/shadow-medium",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "rgba(15,23,42,0.08)"
          }
        },
        {
          "name": "color/shadow-strong",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "rgba(15,23,42,0.16)"
          }
        },
        {
          "name": "color/shadow-deep",
          "type": "COLOR",
          "values": {
            "Tailwind CSS": "rgba(15,23,42,0.24)"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 8
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "Tailwind CSS": 48
          }
        }
      ]
    }
  ]
}