$ProximaNova: 'Suisse Intl', serif;

$white: #ffffff;
$white-bg: #f2f6f9;
$white15: rgba(255, 255, 255, 0.15);
$white30: rgba(255, 255, 255, 0.3);
$white50: rgba(255, 255, 255, 0.5);
$white1: rgba(255, 255, 255, 1);
$white70: #edf1f5;
$whiteBg: #ffffffe5;
$blue: #617889;
$green: #47cb7c;
$grey: #323232;
$text-grey: #6e6e6e;
$text-black: #1a1a1a;
$grey30: rgba(50, 50, 50, 0.3);
$grey15: rgba(50, 50, 50, 0.15);
$grey5: rgba(50, 50, 50, 0.05);
$greyColor: #313236;
$darkGray: rgba(59, 59, 59, 1);
$gray555: #555;
$grayCCC: #ccc;
$gray999: #999;
$gray888: #888;

$lightGray: #lightGray;

$black: #000000;
$black15: rgba(50, 50, 50, 0.15);
$black2: #101010;
$black3: #0f0f0f;
$black4: #060606;

$primary: #141414;
$primary1: #090e14;
$primary2: #000000cc;
$primary065: rgba(0, 0, 0, 0.65);
$primary02: rgba(0, 0, 0, 0.2);
$primary005: rgba(0, 0, 0, 0.05);
$primary05: rgba(0, 0, 0, 0.5);
$graphite: #8c8c8c;
$primary50: rgba(20, 20, 20, 0.5);
$red: #e62334;
$red1: #f5333f;
$redHover: #db2131;
$redGrey: #ff6d7a;
$redGrey1: #dc424f;
$red50: rgba(230, 35, 52, 0.5);
$red10: rgba(230, 35, 52, 0.1);
$red100: rgba(230, 35, 52, 1);
$red2: rgb(219, 33, 49);
$link: #2dc0ee;
$cianBlue: #4eb2ff;
$darkFade: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
$dove: #f0f2fa;
$doveHover: #e3e6f2;
$dove1: #f1f1f1;
$dove2: #9a9a9a;

$greyLight: #f9fafe;
$doveHover: #e3e6f2;
$hint: #8e95a0;
$hintHover: #5d6063;
$greyDark: #323232;

// $redHover: #C11120;
$graphite2: #445667;
$graphiteHover: #303f4d;
$dark: #313840;
$boxShadow: #f3f6f9;