// override vars for theming here

$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;
$base0:     #839496;
$base1:     #93a1a1;
$base2:     #eee8d5;
$base3:     #fdf6e3;
$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;
$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;

$primary-color: $green;
$secondary-color: $cyan;

$background: $base03;
$light-background: $base3;
$text-color: $base0;
$form-background-color: $base02;
$form-text-color: $base1;
$muted-color: $base00; // solarized comment text
$primary-button-text-color: $base02;
$code-highlight-background: $base02;

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-regular-subset.woff2') format('woff2'), url('fonts/hack-regular-subset.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-bold-subset.woff2') format('woff2'), url('fonts/hack-bold-subset.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-italic-subset.woff2') format('woff2'), url('fonts/hack-italic-webfont.woff') format('woff');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'Hack';
  src: url('fonts/hack-bolditalic-subset.woff2') format('woff2'), url('fonts/hack-bolditalic-subset.woff') format('woff');
  font-weight: 700;
  font-style: italic;
}
$font-stack: Hack, monospace;