## Font

The CSS custom properties in `font.css` capture fundamental settings for typography, mainly the `font-family` property used for our type styles, and default size and weight properties used at the global level.

`--font-size-default`

Used at the global level to define `font-size` on `html` and `body`.

`--font-weight-reg`

Specifies the exact weight for our "regular" font weight, typically `400`. We may be able to ensure our regular font is always attached to the `400` weight key in `@font-face` declarations rather than have to use this custom property.

`--font-weight-bold`

Specifies the exact weight for our "regular" font weight, typically `600`. We may be able to ensure our regular font is always attached to the `600` weight key in `@font-face` declarations rather than have to use this custom property.

`--font-display`

Specifies the font stack for our "Display" typeface.

`--font-body`

Specifies the font stack for our "Body" typeface, which is used by default on all elements.

`--font-monospace`

Specifies the font stack for our "Monospace" typeface.