//** 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);