/*
__variable definitions
*/

$generic-fontFace: "Helvetica Neue", Helvetica, Arial, sans-serif;

$genericFontSize: 16px;
$genericLineHeight: 1.4em;

$body-fontFace: var(--bodyFont, $generic-fontFace);
$header-fontFace: var(--headingFont, $generic-fontFace);

$headingFontSizeXXLarge: calc(var(--headingBaseSize, 16px) + 26px);
$headingFontSizeXLarge: calc(var(--headingBaseSize, 16px) + 20px);
$headingFontSizeLarge: calc(var(--headingBaseSize, 16px) + 14px);
$headingFontSize1: calc(var(--headingBaseSize, 16px) + 8px);
$headingFontSize2: calc(var(--headingBaseSize, 16px) + 4px);
$headingFontSize3: calc(var(--headingBaseSize, 16px) + 2px);
$headingFontSize4: var(--headingBaseSize, 16px);
$headingFontSize5: calc(var(--headingBaseSize, 16px) + -2px);
$headingFontSize6: calc(var(--headingBaseSize, 16px) + -4px);
$headingFontSize7: calc(var(--headingBaseSize, 16px) + -6px);

$headingLineHeight2: 1.2em;

$bodyFontSizeXXLarge: calc(var(--bodyBaseSize, 16px) + 26px);
$bodyFontSizeXLarge: calc(var(--bodyBaseSize, 16px) + 20px);
$bodyFontSizeLarge: calc(var(--bodyBaseSize, 16px) + 14px);
$bodyFontSize1: calc(var(--bodyBaseSize, 16px) + 8px);
$bodyFontSize2: calc(var(--bodyBaseSize, 16px) + 4px);
$bodyFontSize3: calc(var(--bodyBaseSize, 16px) + 2px);
$bodyFontSize4: var(--bodyBaseSize, 16px);
$bodyFontSize5: calc(var(--bodyBaseSize, 16px) + -2px);
$bodyFontSize6: calc(var(--bodyBaseSize, 16px) + -4px);
$bodyFontSize7: calc(var(--bodyBaseSize, 16px) + -6px);

/*
__mixin definitions
*/

@mixin default($size, $line-height: $genericLineHeight, $font-family: $generic-fontFace) {
    font-size: $size;
    line-height: $line-height;
    font-family: $font-family;
}
@mixin text($size, $line-height: $genericLineHeight) {
    @include default($size, $line-height, $body-fontFace);
    @include color-body();
}
@mixin title($size, $line-height: $genericLineHeight) {
    @include default($size, $line-height, $header-fontFace);
    @include color-title();
    overflow-wrap: break-word;
    font-weight: bold;
    margin-bottom: 0.375em;
}
