//** Main font face
$font-family-sans-serif:                        var(--c8y-font-family-sans-serif);
$font-family-serif:                             var(--c8y-font-family-serif);
$headings-font-family:                          var(--font-family-headings, var(--c8y-headings-font-family));

// ** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
$font-family-monospace:                         var(--c8y-font-family-mono-spaced);
$font-family-base:                              var(--font-family-base, var(--c8y-font-family-base, $font-family-sans-serif));


//** font size
$font-size-base:                                var(--c8y-font-size-base);
$font-size-large:                               var(--c8y-font-size-large); // 17px

$font-size-small:                               var(--c8y-font-size-small); // 12px
$font-size-xs:                                  var(--c8y-font-size-xs); // 10px

$font-size-h1:                                  var(--c8y-font-size-h1); // 36px
$font-size-h2:                                  var(--c8y-font-size-h2); // 30px
$font-size-h3:                                  var(--c8y-font-size-h3); // 24px
$font-size-h4:                                  var(--c8y-font-size-h4); // 18px
$font-size-h5:                                  var(--c8y-font-size-h5); // 14px
$font-size-h6:                                  var(--c8y-font-size-h6); // 12px

//** Unit-fallback `line-height` for use in components like buttons.
$line-height-base-fallback:                     1.42857142857; // 20/14
$line-height-base:                              var(--c8y-line-height-base, $line-height-base-fallback);
$line-height-large:                             var(--c8y-line-height-large); // 1.3333333
$line-height-small:                             var(--c8y-line-height-small); // 1

//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
$line-height-computed:                          calc($font-size-base * $line-height-base); // 20px

$headings-font-weight-fallback:                 400;
$headings-font-weight:                          var(--c8y-font-weight-headings, $headings-font-weight-fallback);

$headings-line-height-fallback:                 1.15;
$headings-line-height:                          var(--c8y-line-height-headings, $headings-line-height-fallback);

//** Blockquotes
$blockquote-font-size-fallback:                 var(--c8y-font-size-large);
$blockquote-font-size:                          var(--c8y-blockquote-font-size, $blockquote-font-size-fallback);

//** Width of horizontal description list titles
$dl-horizontal-offset:                          var(--c8y-dl-horizontal-offset);