Why doesn't gulp import style components in main.less?

Question

Layout

Good afternoon to everyone who paid attention to this issue!
I wanted to try to split the site styles into separate files (according to BEM) and collect them into one main.less, but the team @importdoes not want to load them into the main style file.
Site structure:

site-name
--app
  --/css
  --/fonts
  --/img
  ...
  --/less
      /--_header.less
      /--_media.less
      /--_theme-color.less
      /--fonts.less
      /--libs.less
      /--main.less
      /--vars.less
  ...
  index.html

In the style file like this:

@import '../libs/bootstrap/less/normalize.less';
@import 'vars.less';
@import 'fonts.less';

body{
  min-width: 480px;
  color: @mainColor;
  font-size: @defoltSize;
  line-height: @defoltLineHeight;
  font-weight: @reg;
  letter-spacing: 1px;

}

@import 'header.less';
@import 'media.less';

The structure of the gulpfile.js file

gulpfile.js

var gulp          = require('gulp'),
    less          = require('gulp-less'),
    browserSync   = require('browser-sync'),
    concat        = require('gulp-concat'),
    uglify        = require('gulp-uglifyjs'),
    cssnano       = require('gulp-cssnano'),
    rename        = require('gulp-rename'),
    del           = require('del'),
    imagemin      = require('gulp-imagemin'),
    pngquant      = require('imagemin-pngquant'),
    autoprefixer  = require('gulp-autoprefixer'),
    cache         = require('gulp-cache'),
    cssImport     = require('gulp-cssimport');




// компиляция less в css
gulp.task('less', function() {
  return gulp.src('app/less/**/*.less')
  .pipe(less())
  .pipe(cssImport())
  .pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
  .pipe(gulp.dest('app/css'))
// мгновенное обновление в браузере после сохранения
  .pipe(browserSync.reload({stream:true}))
});






// слияние скриптов в один и минифицирование его
gulp.task('scripts', function(){
  return gulp.src([
    'app/libs/jquery/dist/jquery.min.js',
    'app/libs/fancybox/dist/jquery.fancybox.js',
    // 'app/libs/respond/dist/respond.min.js',
    ])
  .pipe(concat('libs.min.js'))
  .pipe(uglify())
  .pipe(gulp.dest('app/js'));
});




// минифицирование CSS и добавление суффикса ".min"
gulp.task('css-libs', ['less'], function(){
  return gulp.src([
    'app/css/main.css',
    'app/css/vars.css',
    'app/css/fonts.css',
    'app/css/_media.css',
    'app/css/_theme_color.css',
    ])
  .pipe(concat('main.css'))
  .pipe(cssnano())
  .pipe(rename({suffix: '.min'}))
  .pipe(gulp.dest('app/css'));
});




gulp.task('browser-sync', function(){
  browserSync({
// включение и указание директории сервера
    server: {
      baseDir: 'app'
    },
// отключение оповещений browsercync в браузере
    notify: false
  });
});




gulp.task('clean', function(){
  return del.sync('dist');
});




// ручная очистка кэша картинок
gulp.task('clear', function(){
  return cache.clearAll();
});

// работа с изображениями
gulp.task('img', function(){
  return gulp.src('app/img/**/*')
  .pipe(cache(imagemin({
    interlaced: true,
    progressive: true,
    svgoPlugins: [{removeViewBox: false}],
    use: [pngquant()]
  })))
  .pipe(gulp.dest('dist/img'));
});


// слежение за изменениями в файлах
// gulp.task('watch', ['перечисление событий ДО срабатывания WATCH', 'перечисление событий ДО срабатывания WATCH'], function(){
gulp.task('watch', ['browser-sync', 'css-libs', 'scripts'], function(){
  gulp.watch('app/less/**/*.less', ['less']);
  gulp.watch('app/*.html', browserSync.reload);
  gulp.watch('app/js/**/*.js', browserSync.reload);
});

gulp.task('build', ['clean', 'img', 'less', 'scripts'], function(){

  var buildCss = gulp.src([
      'app/css/main.css',
      'app/css/libs.css',
      'app/css/vars.css',
    ])
  .pipe(gulp.dest('dist/css'));

  var buildFonts = gulp.src('app/fonts/**/*')
  .pipe(gulp.dest('dist/fonts'));

  var buildJs = gulp.src('app/js/**/*')
  .pipe(gulp.dest('dist/js'));

  var buildHtml = gulp.src('app/*.html')
  .pipe(gulp.dest('dist'));
});

gulp.task('default', ['browser-sync', 'watch']);

Can someone give advice - how to debug the work of the collector?
Thanks in advance for helpful replies!