//***********
//* Colors  *
//***********
// Red palette
$paletteRedLightest: #FFE9EA !default;
$paletteRedNormal: #ED1C23 !default;
$paletteRedDarker: #CB1017 !default;

// Green palette
$paletteGreenLightest: #E9FFEF !default;
$paletteGreenNormal: #3FB360 !default;
$paletteGreenDark: #33914D !default;
$paletteGreenDarker: #297541 !default;

// Orange palette
$paletteOrangeLightest: #FFF6DF !default;
$paletteOrangeNormal: #FF9100 !default;
$paletteOrangeDarker: #B46805 !default;

// Blue palette
$paletteBlueLightest: #E7F1F7 !default;
$paletteBlueNormal: #1E00BA !default;
$paletteBlueDark: #403677 !default;
$paletteBlueDarker: #140757 !default;
$paletteBlueDarkest: #0F0541 !default;

// Semiblue palette
$paletteSemiblueLightest: #F0F4F6 !default;
$paletteSemiblueLighter: #E7E6EE !default;
$paletteSemiblueLight: #D0CDDD !default;

// Cherry palette
$paletteCherryLightest: #F5E7ED !default;
$paletteCherryNormal: #A51854 !default;
$paletteCherryDarker: #761040 !default;

// Grey palette
$paletteGreyLightest: #E9ECEF !default;
$paletteGreyNormal: #A3A1A8 !default;
$paletteGreyDark: #737373 !default;
$paletteGreyDarkest: #191919 !default;

// White palette
$paletteWhite: #fff !default;

// Black palette
$paletteBlack: #000 !default;

$colorGreen: $paletteGreenNormal !default;
$colorRed: $paletteRedNormal !default;
$colorOrange: $paletteOrangeNormal !default;
$colorBlue: $paletteBlueNormal !default;


$colorPrimary: $paletteRedNormal !default;
$colorPrimaryDark: $paletteRedDarker !default;

$colorSecondary: $paletteBlueNormal !default;
$colorSecondaryDark: $paletteBlueDarker !default;

$borderColorLight: $paletteGreyLightest !default;
$borderColor: $paletteGreyNormal !default;
$borderColorDark: $paletteGreyDark !default;

$containerBackground: $paletteWhite !default;


//********
//* Text *
//********
$fontFamily: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !default;
$fontSizeXXSmall: 10px !default;
$fontSizeSmall: 14px !default;
$fontSizeNormal: 16px !default;
$fontSizeLarge: 18px !default;
$lineHeightNormal: 24px !default;
$colorTextPrimary: $paletteGreyDarkest !default;
$colorTextSecondary: $paletteGreyDark !default;
$fontWeightNormal: 400 !default;
$fontWeightBold: 700 !default;

//********
//* Link *
//********
$colorLink: $paletteCherryNormal !default;
$colorHoverLink: $paletteCherryDarker !default;

//*****************
//* Border radius *
//*****************     
$borderRadiusSmall: 4px !default;
$borderRadiusMedium: 8px !default;
$borderRadiusLarge: 16px !default;

//*****************
//* Box shadow *
//*****************   
$boxShadowContent: 0px 19px 40px rgba(0, 0, 0, 0.09) !default;
$boxShadow: 0 0 6px 0 rgba(0, 0, 0, .15) !default;

//***************
//* Responsives *
//***************
$widthBreakpointMediumMobile: 480px !default;
$widthBreakpointTablet: 800px !default;
$widthBreakpointDesktop: 1200px !default;
$widthBreakpointLargeDesktop: 1600px !default;

//*********
//* Other *
//*********
$mTransition: all .3s ease !default;

//***********
//* Spacing *
//***********  
$spaceXXXSmall: 2px !default;
$spaceXXSmall: 4px !default;
$spaceXSmall: 8px !default;
$spaceSmall: 12px !default;
$spaceMedium: 16px !default;
$spaceLarge: 24px !default;
$spaceXLarge: 32px !default;
$spaceXXLarge: 40px !default;
$spaceXXXLarge: 60px !default;