//Checkable colors
@check-color: boolean(luma(@main-color) > 57%);
@extreme-white: boolean(luma(@main-color) > 57%);
@check-brand-color: boolean(luma(@brand-color) > 57%);
@check-fav-color: boolean(luma(@favorite-color) > 57%);
@check-hero-color: boolean(luma(@hero-color) > 57%);

@main-color-2: darken(@main-color, 3%);
@bg-light: if((@extreme-white), @main-color-2, @main-color);
@text-color: if((@check-color), #000000, #ffffff);
@skin-color-white: if((@check-color), #000000, #ffffff);
@skin-color-black: if((@check-color), #ffffff, #000000);

// Gen Colors -- Start

@gen-color-1: if(
  (@check-color),
  lighten(saturate(spin(@bg-light, -10.3551), 17.5484), 45.098),
  //#bef9f7
  lighten(saturate(spin(@bg-light, -10.3551), 17.5484), 45.098) //#bef9f7
);
@gen-color-2: if(
  (@check-color),
  lighten(saturate(spin(@bg-light, -7.0446), 18.3783), 37.0588),
  //#98f4f6
  lighten(saturate(spin(@bg-light, -7.0446), 18.3783), 37.0588) //#98f4f6
);
@gen-color-3: if(
  (@check-color),
  lighten(saturate(spin(@bg-light, -6.4314), 17.4563), 29.0196),
  //#73eef2
  lighten(saturate(spin(@bg-light, -6.4314), 17.4563), 29.0196) //#73eef2
);
@gen-color-4: if(
  (@check-color),
  lighten(saturate(spin(@bg-light, -3.8767), 17.9549), 20.9804),
  //#4de3ef
  lighten(saturate(spin(@bg-light, -3.8767), 17.9549), 20.9804) //#4de3ef
);
@gen-color-5: if(
  (@check-color),
  lighten(saturate(spin(@bg-light, -1.6913), 7.7291), 10.5882),
  //#29cade
  lighten(saturate(spin(@bg-light, -1.6913), 7.7291), 10.5882) //#29cade
);
@gen-color-6: @main-color; //#249aad

@gen-color-7: if(
  (@check-color),
  darken(saturate(spin(@bg-light, 2.0237), 7.8675), 10),
  //#157589
  darken(saturate(spin(@bg-light, 2.0237), 7.8675), 10) //#157589
);
@gen-color-8: if(
  (@check-color),
  darken(saturate(spin(@bg-light, 4.0701), 18.0861), 19.4118),
  //#095265
  darken(saturate(spin(@bg-light, 4.0701), 18.0861), 19.4118) //#095265
);
@gen-color-9: if(
  (@check-color),
  darken(saturate(spin(@bg-light, 5.9161), 17.5484), 27.0588),
  //#063341
  darken(saturate(spin(@bg-light, 5.9161), 17.5484), 27.0588) //#063341
);
@gen-color-10: if(
  (@check-color),
  darken(saturate(spin(@bg-light, 7.2344), 16.2679), 34.5098),
  //#03171e
  darken(saturate(spin(@bg-light, 7.2344), 16.2679), 34.5098) //#03171e
);

// Gen Colors -- End

//Brand Color -- Start

@brand-color-1: @brand-color;
@brand-color-1-2: if(
  (@check-brand-color),
  darken(desaturate(spin(@brand-color, 23.9592), 47.1616), 5.098),
  //3
  lighten(saturate(spin(@brand-color, -27.5508), 39.5448), 1.3725) // #33a301
);
@brand-color-1-3: if(
  (@check-brand-color),
  darken(desaturate(spin(@brand-color, -2.9891), 1.2195), 17.8431),
  //3
  lighten(desaturate(spin(@brand-color, -0.6025), 6.3972), 14.1176) // #36af47
);
@brand-color-1-4: if(
  (@check-brand-color),
  darken(desaturate(spin(@brand-color, 24.5617), 40.7643), 19.2157),
  //3
  lighten(saturate(spin(@brand-color, -24.5617), 40.7643), 19.2157) // #42ff00
);

@brand-color-set: if((@check-brand-color), #000000, #ffffff);

//Brand Color -- End

//Favorite Color -- Start

@favorite-color-1: @favorite-color;
@favorite-color-1-2: if(
  (@check-fav-color),
  darken(desaturate(spin(@favorite-color, 0.8775), 26.2948), 7.2549),
  //3
  lighten(desaturate(spin(@favorite-color, -4.5821), 34.4498), 4.5098) // #249aad
);
@favorite-color-1-3: if(
  (@check-fav-color),
  darken(desaturate(spin(@favorite-color, -13.8284), 34.4498), 17.0588),
  //3
  lighten(desaturate(spin(@favorite-color, 10.1238), 26.2948), 14.3137) // #2597de
);
@favorite-color-1-4: if(
  (@check-fav-color),
  darken(saturate(spin(@favorite-color, -9.2463), 0), 21.5686),
  //3
  lighten(saturate(spin(@favorite-color, 9.2463), 0), 21.5686) // #29b0ff
);
@favorite-color-set: if((@check-fav-color), #000000, #ffffff);

//Favorite Color -- End

//Hero Color -- Start

@hero-color-1: @hero-color;
@hero-color-2: lighten(desaturate(spin(@hero-color, -3.726), 6.0086), 4.3137); // #f8b01d
@hero-color-3: darken(saturate(spin(@hero-color, 44.3784), 0), 6.4706); // #75de00
@hero-color-4: darken(saturate(spin(@hero-color, 86), 0), 11.1765); // #00c621
@hero-color-5: lighten(saturate(spin(@hero-color, 44.2353), 0), 0); // #87ff00
@hero-color-set: if((@check-hero-color), #000000, #ffffff);

//Hero Color -- End

//Static Colors -- Start

@static-set-color-1: if((boolean(luma(@static-color-1) > 57)), #000000, #ffffff);
@static-color-1-1: lighten(saturate(spin(@static-color-1, -8), 0), 0); // #ff9900
@static-set-color-2: if((boolean(luma(@static-color-2) > 57)), #000000, #ffffff);
@static-color-2-1: darken(saturate(spin(@static-color-2, 0.084), 0), 19.4118); // #007cc5
@static-set-color-3: if((boolean(luma(@static-color-3) > 57)), #000000, #ffffff);
@static-color-3-1: darken(
  desaturate(spin(@static-color-3, -359.7087), 11.8227),
  19.8039
); // #bf0c0c
@static-set-color-4: if((boolean(luma(@static-color-4) > 57)), #000000, #ffffff);
@static-color-4-1: lighten(saturate(spin(@static-color-4, -0.0807), 0), 16.0784); // #46d600

//Static Colors -- End

//RGB Less Variables -- Start
//Gen Color Variables -- Start
@gen-color-1-rgb: ceil(red(@gen-color-1)), ceil(green(@gen-color-1)), ceil(blue(@gen-color-1));
@gen-color-2-rgb: ceil(red(@gen-color-2)), ceil(green(@gen-color-2)), ceil(blue(@gen-color-2));
@gen-color-3-rgb: ceil(red(@gen-color-3)), ceil(green(@gen-color-3)), ceil(blue(@gen-color-3));
@gen-color-4-rgb: ceil(red(@gen-color-4)), ceil(green(@gen-color-4)), ceil(blue(@gen-color-4));
@gen-color-5-rgb: ceil(red(@gen-color-5)), ceil(green(@gen-color-5)), ceil(blue(@gen-color-5));
@gen-color-6-rgb: ceil(red(@gen-color-6)), ceil(green(@gen-color-6)), ceil(blue(@gen-color-6));
@gen-color-7-rgb: ceil(red(@gen-color-7)), ceil(green(@gen-color-7)), ceil(blue(@gen-color-7));
@gen-color-8-rgb: ceil(red(@gen-color-8)), ceil(green(@gen-color-8)), ceil(blue(@gen-color-8));
@gen-color-9-rgb: ceil(red(@gen-color-9)), ceil(green(@gen-color-9)), ceil(blue(@gen-color-9));
@gen-color-10-rgb: ceil(red(@gen-color-10)), ceil(green(@gen-color-10)), ceil(blue(@gen-color-10));
//Gen Color Variables -- End

//Brand Color Variables -- Start
@brand-color-1-rgb: ceil(red(@brand-color-1)), ceil(green(@brand-color-1)),
  ceil(blue(@brand-color-1));
@brand-color-1-2-rgb: ceil(red(@brand-color-1-2)), ceil(green(@brand-color-1-2)),
  ceil(blue(@brand-color-1-2));
@brand-color-1-3-rgb: ceil(red(@brand-color-1-3)), ceil(green(@brand-color-1-3)),
  ceil(blue(@brand-color-1-3));
@brand-color-1-4-rgb: ceil(red(@brand-color-1-4)), ceil(green(@brand-color-1-4)),
  ceil(blue(@brand-color-1-4));
@brand-color-set-rgb: ceil(red(@brand-color-set)), ceil(green(@brand-color-set)),
  ceil(blue(@brand-color-set));
//Brand Color Variables -- End

//Hero Color Variables -- Start
@hero-color-1-rgb: ceil(red(@hero-color-1)), ceil(green(@hero-color-1)), ceil(blue(@hero-color-1));
@hero-color-2-rgb: ceil(red(@hero-color-2)), ceil(green(@hero-color-2)), ceil(blue(@hero-color-2));
@hero-color-3-rgb: ceil(red(@hero-color-3)), ceil(green(@hero-color-3)), ceil(blue(@hero-color-3));
@hero-color-4-rgb: ceil(red(@hero-color-4)), ceil(green(@hero-color-4)), ceil(blue(@hero-color-4));
@hero-color-5-rgb: ceil(red(@hero-color-5)), ceil(green(@hero-color-5)), ceil(blue(@hero-color-5));
@hero-color-set-rgb: ceil(red(@hero-color-set)), ceil(green(@hero-color-set)),
  ceil(blue(@hero-color-set));
//Hero Color Variables -- End

//Favorite Color Variables -- Start
@favorite-color-1-rgb: ceil(red(@favorite-color-1)), ceil(green(@favorite-color-1)),
  ceil(blue(@favorite-color-1));
@favorite-color-1-2-rgb: ceil(red(@favorite-color-1-2)), ceil(green(@favorite-color-1-2)),
  ceil(blue(@favorite-color-1-2));
@favorite-color-1-3-rgb: ceil(red(@favorite-color-1-3)), ceil(green(@favorite-color-1-3)),
  ceil(blue(@favorite-color-1-3));
@favorite-color-1-4-rgb: ceil(red(@favorite-color-1-4)), ceil(green(@favorite-color-1-4)),
  ceil(blue(@favorite-color-1-4));
@favorite-color-set-rgb: ceil(red(@favorite-color-set)), ceil(green(@favorite-color-set)),
  ceil(blue(@favorite-color-set));
//Favorite Color Variables -- End

//Static Color Variables -- Start

@static-color-1-rgb: ceil(red(@static-color-1)), ceil(green(@static-color-1)),
  ceil(blue(@static-color-1));
@static-color-1-1-rgb: ceil(red(@static-color-1-1)), ceil(green(@static-color-1-1)),
  ceil(blue(@static-color-1-1));
@static-color-2-rgb: ceil(red(@static-color-2)), ceil(green(@static-color-2)),
  ceil(blue(@static-color-2));
@static-color-2-1-rgb: ceil(red(@static-color-2-1)), ceil(green(@static-color-2-1)),
  ceil(blue(@static-color-2-1));
@static-color-3-rgb: ceil(red(@static-color-3)), ceil(green(@static-color-3)),
  ceil(blue(@static-color-3));
@static-color-3-1-rgb: ceil(red(@static-color-3-1)), ceil(green(@static-color-3-1)),
  ceil(blue(@static-color-3-1));
@static-color-4-rgb: ceil(red(@static-color-4)), ceil(green(@static-color-4)),
  ceil(blue(@static-color-4));
@static-color-4-1-rgb: ceil(red(@static-color-4-1)), ceil(green(@static-color-4-1)),
  ceil(blue(@static-color-4-1));
@static-set-color-1-rgb: ceil(red(@static-set-color-1)), ceil(green(@static-set-color-1)),
  ceil(blue(@static-set-color-1));
@static-set-color-2-rgb: ceil(red(@static-set-color-2)), ceil(green(@static-set-color-2)),
  ceil(blue(@static-set-color-2));
@static-set-color-3-rgb: ceil(red(@static-set-color-3)), ceil(green(@static-set-color-3)),
  ceil(blue(@static-set-color-3));
@static-set-color-4-rgb: ceil(red(@static-set-color-4)), ceil(green(@static-set-color-4)),
  ceil(blue(@static-set-color-4));

//Static Color Variables -- End

//Else Variables -- Start

@text-color-rgb: ceil(red(@text-color)), ceil(green(@text-color)), ceil(blue(@text-color));
@white-color-rgb: ceil(red(@skin-color-white)), ceil(green(@skin-color-white)),
  ceil(blue(@skin-color-white));
@black-color-rgb: ceil(red(@skin-color-black)), ceil(green(@skin-color-black)),
  ceil(blue(@skin-color-black));
@static-color-black-rgb: ceil(red(@static-color-black)), ceil(green(@static-color-black)),
  ceil(blue(@static-color-black));

//Else Variables -- End

//RGB Less Variables -- End

//scheme-colors START

@scheme-color-white: @gen-color-9;
@scheme-color-white-rgb: ceil(red(@scheme-color-white)), ceil(green(@scheme-color-white)),
  ceil(blue(@scheme-color-white));

//scheme-colors END

// To Root -- Start

:root {
  //--font: 'Lato', sans-serif !important;

  //Gen Color Variables -- Start
  --gen-color-1: @gen-color-1-rgb;
  //--gen-color-2: @gen-color-2-rgb;
  --gen-color-3: @gen-color-3-rgb;
  --gen-color-4: @gen-color-4-rgb;
  --gen-color-5: @gen-color-5-rgb;
  --gen-color-6: @gen-color-6-rgb;
  --gen-color-7: @gen-color-7-rgb;
  --gen-color-8: @gen-color-8-rgb;
  --gen-color-9: @gen-color-9-rgb;
  --gen-color-10: @gen-color-10-rgb;
  //Gen Color Variables -- End

  //Brand Color Variables -- Start
  --brand-color-1: @brand-color-1-rgb;
  --brand-color-1-2: @brand-color-1-2-rgb;
  --brand-color-1-3: @brand-color-1-3-rgb;
  --brand-color-1-4: @brand-color-1-4-rgb;
  --brand-color-set: @brand-color-set-rgb;
  //Brand Color Variables -- End

  //Hero Color Variables -- Start
  --hero-color-1: @hero-color-1-rgb;
  --hero-color-2: @hero-color-2-rgb;
  --hero-color-3: @hero-color-3-rgb;
  --hero-color-4: @hero-color-4-rgb;
  --hero-color-5: @hero-color-5-rgb;
  --hero-color-set: @hero-color-set-rgb;
  //Hero Color Variables -- End

  //Favorite Color Variables -- Start
  --favorite-color-1: @favorite-color-1-rgb;
  --favorite-color-1-2: @favorite-color-1-rgb;
  --favorite-color-1-3: @favorite-color-1-3-rgb;
  --favorite-color-1-4: @favorite-color-1-4-rgb;
  --favorite-color-set: @favorite-color-set-rgb;
  //Favorite Color Variables -- End

  //Static Color Variables -- Start
  --static-color-1: @static-color-1-rgb;
  --static-color-1-1: @static-color-1-1-rgb;
  --static-color-2: @static-color-2-rgb;
  --static-color-2-1: @static-color-2-1-rgb;
  --static-color-3: @static-color-3-rgb;
  --static-color-3-1: @static-color-3-1-rgb;
  --static-color-4: @static-color-4-rgb;
  --static-color-4-1: @static-color-4-1-rgb;
  --static-set-color-1: @static-set-color-1-rgb;
  --static-set-color-2: @static-set-color-2-rgb;
  --static-set-color-3: @static-set-color-3-rgb;
  --static-set-color-4: @static-set-color-4-rgb;
  //Static Color Variables -- End

  //Else Variables -- Start
  --text-color: @text-color-rgb;
  --white-color: @white-color-rgb;
  --black-color: @black-color-rgb;
  --static-color-black: @static-color-black-rgb;
  //Else Variables -- End

  //--opacity-selected: 1;
  //--opacity-zebra-view: 0.03;

  --opacity-selected: 0.7;
  --opacity-hover: 1;
  --opacity: 0.7;
  --core-tab-hover: 0.7;
  --opacity-zebra-view: 1;

  ////Opacity Variables -- End

  //Scheme-colors -- Start
  --scheme-color-white: @gen-color-6-rgb;
  --left-right-bg-color: @gen-color-6-rgb;
  //--list-item-bg-color: 19, 66, 81;
  --list-item-bg-color: @white-color-rgb;
  --opacity-semifull-df: 0.8 !important;
  --history-item-bg-color: @gen-color-4-rgb;

  --center-bg-color: @gen-color-6-rgb;
  --popup-bg-color: @gen-color-6-rgb;
  --settings-bg-color: @gen-color-6-rgb;
  //Scheme-colors -- END
}
.lists-item-row {
  --opacity: 0.05;
}
.list-item-history-title {
  --gen-color-8: @white-color-rgb;
  --opacity: 0.05;
}
.core-internet-problem-popup-body,
.core-internet-problem-popup-body:after,
.core-internet-problem-popup-body:before {
  --gen-color-9: 30, 34, 39;
}
// To Root -- End