Use variable font to thin larger headings

I remember Microsoft Office 2007 introduced a style of headings that got lighter as the heading size got bigger. Now we can use variable fonts in websites, what about keeping the colour the same, but varying the font weight for each heading to achieve the same effect.

Is the hierarchy of the document going to remain clear? Is the readability going to better or worse? Does this idea work?