Pallote CSS | Typography

Variable name	Default value
`$font`	`'Barlow', Arial, sans-serif`	This is the default text

Variable name	Default value
`$font-regular`	`400`	Regular
`$font-bold`	`700`	Bold
`$font-black`	`900`	Black

Headings

Variable name	Default value
`$h1-size` `$h1-weight` `h1-line-height`	`3rem` `$font-black` `1.25`	H1
`$h2-size` `$h2-weight` `h2-line-height`	`2.5rem` `$font-black` `1.25`	H2
`$h3-size` `$h3-weight` `h3-line-height`	`2rem` `$font-bold` `1.25`	H3
`$h4-size` `$h4-weight` `h4-line-height`	`1.75rem` `$font-bold` `1.25`	H4
`$h5-size` `$h5-weight` `h5-line-height`	`1.5rem` `$font-bold` `1.25`	H5
`$h6-size` `$h6-weight` `h6-line-height`	`1.25rem` `$font-bold` `1.25`	H6

Body styles

Variable name	Default value
`$subtitle-size` `$subtitle-weight` `$subtitle-line-height`	`1.125rem` `$font-regular` `1.5`	Subtitle
`$body-size` `$body-weight` `$body-line-height`	`1rem` `$font-regular` `1.5`	Body
`$caption-size` `$caption-weight` `$caption-line-height`	`0.875rem` `font-regular` `1.5`	Caption
`$overline-size` `$overline-weight` `$overline-line-height`	`0.75rem` `$font-regular` `1.5`	Overline