{
  "$description": "HP — DESIGN.md exported for Figma Variables import",
  "collections": [
    {
      "name": "HP tokens",
      "modes": [
        {
          "name": "HP"
        }
      ],
      "variables": [
        {
          "name": "color/bg",
          "type": "COLOR",
          "values": {
            "HP": "#ffffff"
          }
        },
        {
          "name": "color/bg-soft",
          "type": "COLOR",
          "values": {
            "HP": "#f7f7f7"
          }
        },
        {
          "name": "color/bg-cool",
          "type": "COLOR",
          "values": {
            "HP": "#f0f4f8"
          }
        },
        {
          "name": "color/bg-deep",
          "type": "COLOR",
          "values": {
            "HP": "#1c1c1c"
          }
        },
        {
          "name": "color/bg-omen",
          "type": "COLOR",
          "values": {
            "HP": "#000000"
          }
        },
        {
          "name": "color/surface",
          "type": "COLOR",
          "values": {
            "HP": "#ffffff"
          }
        },
        {
          "name": "color/surface-soft",
          "type": "COLOR",
          "values": {
            "HP": "#f7f7f7"
          }
        },
        {
          "name": "color/surface-cool",
          "type": "COLOR",
          "values": {
            "HP": "#f0f4f8"
          }
        },
        {
          "name": "color/surface-strong",
          "type": "COLOR",
          "values": {
            "HP": "#e0e6ed"
          }
        },
        {
          "name": "color/surface-input",
          "type": "COLOR",
          "values": {
            "HP": "#ffffff"
          }
        },
        {
          "name": "color/text",
          "type": "COLOR",
          "values": {
            "HP": "#1c1c1c"
          }
        },
        {
          "name": "color/text-strong",
          "type": "COLOR",
          "values": {
            "HP": "#000000"
          }
        },
        {
          "name": "color/text-soft",
          "type": "COLOR",
          "values": {
            "HP": "#5d6770"
          }
        },
        {
          "name": "color/text-faint",
          "type": "COLOR",
          "values": {
            "HP": "#8a939d"
          }
        },
        {
          "name": "color/text-disabled",
          "type": "COLOR",
          "values": {
            "HP": "#b8c0c8"
          }
        },
        {
          "name": "color/text-on-dark",
          "type": "COLOR",
          "values": {
            "HP": "#ffffff"
          }
        },
        {
          "name": "color/text-link",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/brand",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/brand-light",
          "type": "COLOR",
          "values": {
            "HP": "#33acdd"
          }
        },
        {
          "name": "color/brand-deep",
          "type": "COLOR",
          "values": {
            "HP": "#005d83"
          }
        },
        {
          "name": "color/brand-darkest",
          "type": "COLOR",
          "values": {
            "HP": "#002d4c"
          }
        },
        {
          "name": "color/brand-hover",
          "type": "COLOR",
          "values": {
            "HP": "#0080b8"
          }
        },
        {
          "name": "color/brand-active",
          "type": "COLOR",
          "values": {
            "HP": "#005d83"
          }
        },
        {
          "name": "color/on-brand",
          "type": "COLOR",
          "values": {
            "HP": "#ffffff"
          }
        },
        {
          "name": "color/cta-primary",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/cta-primary-hover",
          "type": "COLOR",
          "values": {
            "HP": "#0080b8"
          }
        },
        {
          "name": "color/omen-red",
          "type": "COLOR",
          "values": {
            "HP": "#e60000"
          }
        },
        {
          "name": "color/omen-red-hover",
          "type": "COLOR",
          "values": {
            "HP": "#c40000"
          }
        },
        {
          "name": "color/omen-deep",
          "type": "COLOR",
          "values": {
            "HP": "#1c1c1c"
          }
        },
        {
          "name": "color/z-charcoal",
          "type": "COLOR",
          "values": {
            "HP": "#3c4148"
          }
        },
        {
          "name": "color/link-default",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/link-visited",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/link-hover",
          "type": "COLOR",
          "values": {
            "HP": "#0080b8"
          }
        },
        {
          "name": "color/border",
          "type": "COLOR",
          "values": {
            "HP": "#e0e6ed"
          }
        },
        {
          "name": "color/border-soft",
          "type": "COLOR",
          "values": {
            "HP": "#f0f4f8"
          }
        },
        {
          "name": "color/border-strong",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/scrim",
          "type": "COLOR",
          "values": {
            "HP": "rgba(0,0,0,0.5)"
          }
        },
        {
          "name": "color/shadow-soft",
          "type": "COLOR",
          "values": {
            "HP": "rgba(0,90,150,0.06)"
          }
        },
        {
          "name": "color/shadow-card",
          "type": "COLOR",
          "values": {
            "HP": "rgba(0,90,150,0.1)"
          }
        },
        {
          "name": "color/shadow-elev",
          "type": "COLOR",
          "values": {
            "HP": "rgba(0,90,150,0.15)"
          }
        },
        {
          "name": "color/shadow-modal",
          "type": "COLOR",
          "values": {
            "HP": "rgba(0,0,0,0.25)"
          }
        },
        {
          "name": "color/badge-new",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "color/badge-deal",
          "type": "COLOR",
          "values": {
            "HP": "#e60000"
          }
        },
        {
          "name": "color/badge-eco",
          "type": "COLOR",
          "values": {
            "HP": "#2d8659"
          }
        },
        {
          "name": "color/badge-energy-star",
          "type": "COLOR",
          "values": {
            "HP": "#1d4f9e"
          }
        },
        {
          "name": "color/price",
          "type": "COLOR",
          "values": {
            "HP": "#1c1c1c"
          }
        },
        {
          "name": "color/price-strikethrough",
          "type": "COLOR",
          "values": {
            "HP": "#8a939d"
          }
        },
        {
          "name": "color/price-discount",
          "type": "COLOR",
          "values": {
            "HP": "#e60000"
          }
        },
        {
          "name": "color/rating-star",
          "type": "COLOR",
          "values": {
            "HP": "#ff9500"
          }
        },
        {
          "name": "color/success",
          "type": "COLOR",
          "values": {
            "HP": "#2d8659"
          }
        },
        {
          "name": "color/warning",
          "type": "COLOR",
          "values": {
            "HP": "#ff9500"
          }
        },
        {
          "name": "color/danger",
          "type": "COLOR",
          "values": {
            "HP": "#e60000"
          }
        },
        {
          "name": "color/info",
          "type": "COLOR",
          "values": {
            "HP": "#0096d6"
          }
        },
        {
          "name": "radius/button",
          "type": "FLOAT",
          "values": {
            "HP": 6
          }
        },
        {
          "name": "radius/card",
          "type": "FLOAT",
          "values": {
            "HP": 12
          }
        },
        {
          "name": "spacing/xs",
          "type": "FLOAT",
          "values": {
            "HP": 4
          }
        },
        {
          "name": "spacing/sm",
          "type": "FLOAT",
          "values": {
            "HP": 8
          }
        },
        {
          "name": "spacing/md",
          "type": "FLOAT",
          "values": {
            "HP": 16
          }
        },
        {
          "name": "spacing/lg",
          "type": "FLOAT",
          "values": {
            "HP": 32
          }
        },
        {
          "name": "spacing/xl",
          "type": "FLOAT",
          "values": {
            "HP": 48
          }
        }
      ]
    }
  ]
}