$dark_1: #35393c;
$dark_2: #3c4144;
$dark_3: #555d61;
$medium_grey: #6b7880;
$light_0: #d4d9dd;
$light_1: #96a5ae;
$light_2: #aabbc8;
$magenta: #ff00ff;
$purple: #902f90;
$green: #00ff00;
$kaki: #368736;
$blue_1: #1c3db2;
$blue_2: #34a0b3;
$blue_3: #17cff0;
$red_1: #9c3030;
$red_2: #e74949;
$yellow_1: #e5a002;
$yellow_2: #ffd000;

// screen thresholds
$screen_l: 900px;
$screen_m: 780px;
$screen_s: 560px;
$screen_xs: 480px;


// constants
$navbar_height: 40px;