// Main Colors
$red: red;
$gray: #8E8E8E;
$gallery: #EAEAEA;
$black: #212b36;
$white: #FFFFFF;
$totem-pole: #8D0606;
$monza: #C6003D;
$saffron: #F4C22B;
$cadet-blue: #ADB0C7;
$bittersweet: #FC7070;
$mine-shaft: #292828;
$dusty-gray: #969696;
$tungsten: #F0F0F0;
$white-lilac: #F7F7FC;
$alto: #D7D7D7;
$red-ribbon: #E8003D;
$black-squeeze: #F3F8FA;
$gray-light: #999999;
$granite-gray: #585858;
$zambezi: #5F5D5D;
$alabaster: #F7F7F7;
$seashell: #F1F1F1;
$mine-shaft-black: #333333;
$thunderbird: #BD1D1D;
$dove-gray: #666666;
$dodger-blue: #18ACFF;
$tuna: #393C40;
$ebb: #F1EEEE;
$trout: #495057;
$pink-salmon: #FF9BA1;
$wild-sand: #F5F5F5;
$geyser: #dee2e6; 
$athens-gray: #E9ECEF;
$twilight-blue: #FAFFFF;

//Feedback Colors
$java: #1DE9B6;
$radical-red: #FF3F59;
$saffron: #F4C22B;

// Breakpoints
$mobile: 576px;
$tablet: 768px;
$large: 992px;
$extra-large: 1200px;

$root-font-size: 14px;
$base-font-size: 14;

$base-radius: 10px;

$base-transition: all .35s;

$header-height: 72px;

$grid-gutter-width: 16px;

$input-height: 40px;

$icon-font: 'icomoon';

// Font size
$font-light: 300;
$font-medium: 500;
$font-bold: 700;