$sys-font: 'Roboto', sans-serif;


//$color-dark: #38302E;
//$color-mid: #393D3F;
//$color-light: #6F6866;
//$color-bright: #FDFDFF;
//$color-highlight: #C6C5B9;

$color-dark: #2E3233;
$color-mid: #999A95;
$color-light: #CECECC;
$color-bright: #A63B31;
$color-highlight: #C51015;

$main-bg-color: $color-dark;
$main-text-color: $color-bright;

$menu-bg-color: $color-highlight;
$menu-text-color: $color-mid;
$menu-item-bg: $color-mid;
$menu-item-bg-hover: lighten($color-mid, 25%);
$menu-item-text: $color-dark;

$canvas-bg-color: $color-mid;

$tabnav-bg: $color-mid;
$tabnav-text: $color-bright;
$tabnav-content-bg: $color-light;
$tabnav-content-text: $color-mid;

$list-item-bg: $menu-bg-color;
$list-item-selected-bg: lighten($menu-bg-color, 25%);