Responsive tokens

While our automatic scaling mechanism efficiently handles proportional adjustments across different screen sizes, there are instances where more specific tuning is required to achieve the desired visual impact.

Consider the case of a profile cover image with a height set to --height-400. On mobile devices, this translates to 350 pixels (400 * 14 / 16).

However, even with this scaling, the image may appear excessively large for a mobile interface. In such scenarios, a height falling within the 160px to 240px range often proves more suitable.