:root {

  /* Colors primary */
  --primaryGreen1: #05be50;
  --primaryGreen2: #37CB73;
  --primaryGreen3: #69D890;
  --primaryGreen4: #9BE5B9;
  --primaryGreen5: #CDF2DC;

  /* Colors secondary */
  --secondaryBlue1: #0039A6;
  --secondaryBlue2: #3361B8;
  --secondaryBlue3: #6688CA;
  --secondaryBlue4: #99B0DB;
  --secondaryBlue5: #CCD7ED;

  /* Colors Extended palette */
  --extendedBeige1: #F0F0DC;
  --extendedBeige2: #F3F3E3;
  --extendedBeige3: #F6F6EA;
  --extendedBeige4: #F9F9F1;
  --extendedBeige5: #FCFCF8;

  --extendedDarkBlue1: #001E5F;
  --extendedDarkBlue2: #334B7F;
  --extendedDarkBlue3: #66789F;
  --extendedDarkBlue4: #99A5BF;
  --extendedDarkBlue5: #CCD2DF;

  --extendedLightBlue1: #64B4E6;
  --extendedLightBlue2: #83C3EB;
  --extendedLightBlue3: #A2D2F0;
  --extendedLightBlue4: #C1E1F5;
  --extendedLightBlue5: #E0F0FA;

  --extendedWatermelon1: #EB0046;
  --extendedWatermelon2: #EF336B;
  --extendedWatermelon3: #F36690;
  --extendedWatermelon4: #F799B5;
  --extendedWatermelon5: #FBCCDA;

  --extendedYellow1: #FFCD00;
  --extendedYellow2: #FFD733;
  --extendedYellow3: #FFE166;
  --extendedYellow4: #FFEB99;
  --extendedYellow5: #FFF5CC;

  /* Colors gray */
  --grayText: #333333;
  --grayBlack: #0F191E;
  --gray1: #878C8F;
  --gray2: #B7BABC;
  --gray3: #D9DADB;
  --gray4: #ECEDED;
  --gray5: #FBFBFB;
  
  /* Fonts */
  --fontGeometria: 'Geometria', sans-serif;
  --fontMontserrat: 'Montserrat', sans-serif;

  /* Animations */
  --fast: 0.2s;
  --slow: 0.4s;
  
}