/* ==========================================================================
   VARIABLES
   ========================================================================== */

@font-face {
  font-family: CustomSerifFont;
  font-weight: 400;
  src: local("PingFangSC"),
       local("Microsoft Yahei"),
       local("WenQuanYi Micro Hei"),
       local("Noto Sans Mono CJK SC"),
       local(Helvetica),
       local(Arial);
}

@font-face {
  font-family: CustomSerifFont;
  font-weight: 400;
  unicode-range: U+00-024F;
  src: local("Roboto"),
       local(Helvetica),
       local(Arial);
}

$serif              : CustomSerifFont, Times, Georgia, serif;
$sans-serif-narrow  : Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
$monospace          : 'Source Code Pro', Roboto, monospace !default;

$global-font-family : $serif;
$header-font-family : $sans-serif-narrow;

$info-color                 : #0056ff !default;
$warning-color		    : #faad14 !default;

$x-large                    : 1440px !default;

$lighter-gray               : #fafafa !default;

$min-header-font-size       : 0.875em !default;   // ~14px

$masthead-background-color  : #11a4ff !default;

$base-font-size: 16px;