$primaryColor : #FF7E67;
$secondaryColor : #006A71;
$blackColor : #101828;
$whiteColor : #FFFFFF;
$grey344Color : #344054;
$grey475Color : #475467;
$grey667Color : #667085;
$whiteFBColor :#F9FAFB;
$black: #000000;
$whiteFC :#FFFCFC;
$whiteEC :#e4e7ec;
$red18 :#B42318;
$red38: #F04438;
$white: #FFFFFF;
$black28: #101828;
$grey67: #475467;
$green: #17b26a;
$grey85: #667085;
$grey30: #D1D5DB;

// Hover
$hoverPrimaryBgColor : #FF927F;
$hoverSecondaryBgColor : #68b0ab;
$hoverSecondaryBorderBtnBgColor : #ecf4f3;
$hoverWhiteBgColor: #f5f5f5;
$hoverWhiteBorderBtnBgColor : #ffffff20;

// Bg Color
$bgColor : #ECF4F3;


// Font Size Variables
$fs10 : 10px;
$fs12 : 12px;
$fs14 : 14px;
$fs16 : 16px;
$fs18 : 18px;
$fs20 : 20px;
$fs22 : 22px;
$fs24 : 24px;
$fs26 : 26px;
$fs28 : 28px;
$fs30 : 30px;
$fs32 : 32px;
$fs34 : 34px;
$fs36 : 36px;
$fs38 : 38px;
$fs40 : 40px;
$fs42 : 42px;
$fs44 : 44px;
$fs46 : 46px;
$fs48 : 48px;
$fs50 : 50px;
$fs52 : 52px;
$fs54 : 54px;
$fs56 : 56px;
$fs58 : 58px;
$fs60 : 60px;
$fs62 : 62px;
$fs64 : 64px;
$fs66 : 66px;
$fs68 : 68px;
$fs70 : 70px;
$fs72 : 72px;
$fs74 : 74px;
$fs76 : 76px;
$fs78 : 78px;
$fs80 : 80px;
$fs82 : 82px;
$fs84 : 84px;
$fs86 : 86px;
$fs88 : 88px;
$fs90 : 90px;
$fs100 : 100px;
$fs110 : 110px;
$fs120 : 120px;
$fs130 : 130px;


// Font Weight Variables
$fw200: 200;
$fw300: 300;
$fw400: 400;
$fw500: 500;
$fw600: 600;
$fw700: 700;
$fw800: 800;