Headline var(--cs-xxl)

Heading var(--cs-xl)

Heading var(--cs-lg)

Sub-Heading var(--cs-md)

Provide a comma-separated list of names for each step in your type scale, in ascending order of font size. Use any convention you want. Be sure to also identify the name of your base step. var(--cs-base)

The pixel value of 1rem. Defaults to 16px in all browsers but can be changed with CSS. For example, if you set your root font size to 62.5%, then 1rem equals 10px var{--cs-sm}