$head_green_color: #0bad19;
$head_red_color: #e23636;
$link-color: #71abe5;
$link-color-underline: #42566e;
$link-color-underline-hover: #537ca6;

$hover-hl: rgba(255, 255, 255, 0.09);
$hover-hl-darker: rgba(255, 255, 255, 0.12);
$hover-hl-darker2: rgba(255, 255, 255, 0.14);
$grey: #878e91;
$quote_color: #3c9577;
$quote_line: #45544d;
$dark-grey: $grey;
$darker-grey: lighten($grey, 6%);
$light-grey: $grey;
$fg: #eee;
$bg: #333;

$hl_matched_bg: #4b7daf;
$hl_matched_fg: #f8f9fa;

$code-block-bg: #394146;
$inline-code-block-bg: #394146;

$light-bg: #464c4e;
$light-bg-hover: #dce3e8;
$dark-bg: #444;
$dark-fg: #999;

$input-border: #48535a;
$input-border-focused: lighten($input-border, 7%);

$input-bg: #30373b;
$border-color: #48535a;

$error-block-bg: #882b2b;
$error-block-fg: $fg;

$success-block-bg: #2a4b2d;
$success-block-fg: $fg;

$pn-button-border: $dark-grey;
$pn-button-shadow: rgba(0, 0, 0, 0.1);
$pn-button-active: $dark-grey;
$pn-button-separator-border: #e0e0e0;
$pn-button-separator-background: #f0f0f0;
$pn-button-current: #a7d2fd;
$pn-button-border: #92bae2;
$pn-button-current-text-color: $bg;

$head-items-separator: #5e6264;
$head-items-border: #525252;
$head-items-hover-border: #597fa6;
$head-items-selected-border: #9c9c9c;
$head-items-selected-shadow: rgba(0, 0, 0, 0.11);

$blog-ref-color: $dark-grey;
$blog-ref-color-hover: #8c9aab;
$blog-ref-bg-hover: $hover-hl;

$blog-ref-color-over-quote: #aaa;
$blog-ref-color-hover-over-quote: #ccc;
$blog-ref-bg-hover-over-quote: rgba(255, 255, 255, 0.11);

// colors from https://github.com/Kelbster/highlightjs-material-dark-theme/blob/master/css/materialdark.css
$hljs_fg: #CDD3D8;
$hljs_bg: #2B2B2D;
$hljs_quote: #6272a4;
$hljs_string: #f1fa8c;
$hljs_literal: #bd93f9;
$hljs_title: #75A5FF;
$hljs_keyword: #C792EA;
$hljs_type: #da4939;
$hljs_tag: #abb2bf;
$hljs_regexp: #F77669;
$hljs_symbol: #C792EA;
$hljs_builtin: #C792EA;
$hljs_meta: #75A5FF;
$hljs_deletion: #e6e1dc;
$hljs_addition: #144212;