Проблема с CSS/LESS

…
->prependCss('/css/bootstrap.css')
->css('/css/fontawesome-all.min.css')   
->css('/hostcmsfiles/jquery/photobox/photobox.css')
->css('/hostcmsfiles/jquery/slider/jquery-ui.min.js')
->css('/hostcmsfiles/jquery/owl-carousel/owl.carousel.css')
->css('/hostcmsfiles/slippry/dist/slippry.css')
->showCss();
…

@import url('https://fonts.googleapis.com/css?family=Arsenal:400,700|Open+Sans+Condensed:300|Oranienbaum|PT+Sans+Narrow:400,700|PT+Sans:400,400i,700,700i');
@font-family: 'PT Sans', Helvetica, Arial, -apple-system, system-ui, BlinkMacSystemFont, sans-serif;
@font-family-narrow: 'PT Sans Narrow', sans-serif;
@font-family-condensed: 'Open Sans Condensed', sans-serif;
@font-size: 1rem;
@line-height: 1.5;
@background-color: rgb(255,255,255);
@color: rgb(40,35,30);
@color-dark-gray: rgb(45,49,53);
@color-gray-blue: rgb(95,110,125);
@color-contr-gray-blue: contrast(@color-gray-blue);
@color-malina: rgb(224,60,76);
@color-dark-turquois: rgb(27,202,213);
@color-green: rgb(76,187,23);
@color-blue: rgb(0,110,210);
@color-ruby: rgb(143,0,24);
…

…
.figure-caption { color: @light-color-70; }
code { color: @color-malina; background-color: @background-menu; }
kbd { color: @background-color; background-color: @color-dark-gray; }
pre { color: @color-dark-gray; }
.table th, .table td { border-top: 1px solid @light-color-60; }
.table thead th { text-align: center !important; vertical-align: bottom; border-bottom: 1px solid @light-color-60; }
.table tbody + tbody { border-top: 1px solid @light-color-60; }
…

<?xml version="1.0" encoding="UTF-8"?>
<manifest>
   <section>
      <caption lng="en">Main</caption>
      <caption lng="ru">Основные</caption>
      <option name="font-family">
         <caption lng="en">Font Family</caption>
         <caption lng="ru">Шрифт</caption>
      </option>
      <option name="font-size">
         <caption lng="en">Font Size</caption>
         <caption lng="ru">Размер шрифта</caption>
      </option>
      <option name="color" type="color">
         <caption lng="en">Font Color</caption>
         <caption lng="ru">Цвет шрифта</caption>
      </option>
      <option name="line-height">
         <caption lng="en">Line Height</caption>
         <caption lng="ru">Межстрочный интервал</caption>
      </option>
      <option name="background-color" type="color">
         <caption lng="en">Background Color</caption>
         <caption lng="ru">Цвет фона</caption>
      </option>
      <option name="primary-color" type="color">
         <caption lng="en">Primary Color</caption>
         <caption lng="ru">Первый цвет</caption>
      </option>
      <option name="secondary-color" type="color">
         <caption lng="en">Secondary Color</caption>
         <caption lng="ru">Второй цвет</caption>
      </option>
      <option name="third-color" type="color">
         <caption lng="en">Third Color</caption>
         <caption lng="ru">Третий цвет</caption>
      </option>
      <option name="fourth-color" type="color">
         <caption lng="en">Fourth Color</caption>
         <caption lng="ru">Четвертый цвет</caption>
      </option>
      <option name="fifth-color" type="color">
         <caption lng="en">Fifth Color</caption>
         <caption lng="ru">Пятый цвет</caption>
      </option>
      <option name="primary-color-link" type="color">
         <caption lng="en">Color Link</caption>
         <caption lng="ru">Цвет ссылок</caption>
      </option>
   </section>
   <section>
      <caption lng="en">Menu</caption>
      <caption lng="ru">Меню</caption>
      <option name="background-menu" type="color">
         <caption lng="en">Menu Background</caption>
         <caption lng="ru">Фон меню</caption>
      </option>
      <option name="color-menu" type="color">
         <caption lng="en">Menu Color</caption>
         <caption lng="ru">Цвет текста меню</caption>
      </option>
      <option name="background-hover-menu" type="color">
         <caption lng="en">Hover Background</caption>
         <caption lng="ru">Фон при наведении</caption>
      </option>
   </section>
   <section>
      <caption lng="en">Quick Panel</caption>
      <caption lng="ru">Панель быстрого доступа</caption>
      <option name="quick-access-font-size">
         <caption lng="en">Panel Color Line</caption>
         <caption lng="ru">Размер шрифта</caption>
      </option>
   </section>
   <section>
      <caption lng="en">Shop</caption>
      <caption lng="ru">Магазин</caption>
      <option name="shop-item-title-color" type="color">
         <caption lng="en">Item Title Color</caption>
         <caption lng="ru">Цвет названия товара</caption>
      </option>
      <option name="shop-item-price-color" type="color">
         <caption lng="en">Item Price Color</caption>
         <caption lng="ru">Цвет цены товара</caption>
      </option>
      <option name="shop-item-old-price-color" type="color">
         <caption lng="en">Item Old Price Color</caption>
         <caption lng="ru">Цвет старой цены товара</caption>
      </option>
      <option name="shop-item-add-to-links-color" type="color">
         <caption lng="en">Item Links Color</caption>
         <caption lng="ru">Цвет ссылок (сравнение)</caption>
      </option>
   </section>
   <section>
      <caption lng="en">Footer</caption>
      <caption lng="ru">Подвал</caption>
      <option name="footer-background-color" type="color">
         <caption lng="en">Background color</caption>
         <caption lng="ru">Цвет фона</caption>
      </option>
   </section>   
</manifest>

...
@color: rgb(40,35,30);
@light-color-60: lighten(@color, 60%);
...

@color: rgb(40,35,30);
@light-color-60: lighten(@color, 60%);

@color: rgb(40,35,30);
@light-color-60: lighten(@color, 60%);

.light-color-60 { color: @light-color-60 }

.light-color-60 {
  color: #c6bcb2;
}