$font-body: normal 400 1rem "HelveticaNowRoman","Helvetica", "Arial", sans-serif;
$font-italic: italic 400 1rem "HelveticaNowItalic", "Helvetica", "Arial", sans-serif;
$font-heading: normal 700 1rem "HelveticaNowRoman", "Helvetica", "Arial", sans-serif;


// font-variation-settings:'wght' 400, 'wdth' 100, 'opsz' 30;
// since we're going to be using width: 100 for all text (not going to use a condensed variant),
// then the only thing we need to change it the optical size, depending on if the font is going to
// be display, text, or micro size.
//
// display: 'opsz' 30
// text: 'opsz' 12
// micro: 'opsz' 4

// with that in mind, the only thing we realy need to change in the font-variation-settings is 'opsz'.
// @mixin fontType($type) to set display, text, or micro on elements.
// these variables are included for reference.

$font-type-display: 30;
$font-type-text   : 12;
$font-type-micro  :  4;

