// colors
$color-primary : #2282D4;
$color-secondary : #D48222;
$color-fore : #222;
$color-back : #EFEFEF;
$color-grey : mix($color-fore, $color-back, 50%);

// Sizes
$header-height : 4em;
$footer-height : 1em;
$projects-menu-width : 10em;
$border-radius : .3em;
$box-margin : .4em;

// Fonts
$font-family : "Roboto";
$font-mono : "Roboto Mono";
$font-icons : "FA5FS";

// Transitions
$transition-in : .2s;
$transition-out : 1s;
$transition : ($transition-out - $transition-in) * .5 + $transition-in;