Added font stack variables

Makes life easier for people using different font stacks for elements.

```scss
$body-font-family: $font-family-sans-serif;
$header-font-family: $font-family-serif;
$paragraph-font-family: $font-family-serif;
$code-font-family: $font-family-monospace;
```