//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.0980), //#bef9f7
lighten(saturate(spin(@bg-light, -10.3551), 17.5484), 45.0980) //#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.0000),     //#157589
darken(saturate(spin(@bg-light, 2.0237), 7.8675), 10.0000)     //#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.0980),  //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.0000), 21.5686),  //3
lighten(saturate(spin(@favorite-color, 9.2463), 0.0000), 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.7260), 6.0086), 4.3137); // #f8b01d
@hero-color-3: darken(saturate(spin(@hero-color, 44.3784), 0.0000), 6.4706); // #75de00
@hero-color-4: darken(saturate(spin(@hero-color, 86.0000), 0.0000), 11.1765); // #00c621
@hero-color-5: lighten(saturate(spin(@hero-color, 44.2353), 0.0000), 0.0000); // #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.0000), 0.0000), 0.0000); // #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.0840), 0.0000), 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.0000), 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 {
  //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-9: 6,51,65;
  --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-2-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 Variables -- Start
  --opacity-full: 1;
  --opacity-text-inner: 0.85;
  --opacity-semifull: 0.65;
  --opacity-mob-nav: 0.5;
  --opacity-slider-track: 0.4;
  --opacity-title: 0.3;
  --opacity-selected: 0.2;
  --opacity-hover: 0.18;
  --opacity-zebra-view: 0.13;
  --opacity: 0.08;
  --opacity-inner-zebra-view: 0.03;
  --opacity-zero: 0;
  //Opacity Variables -- End

  --left-right-bg-color:  @black-color-rgb;
  //--list-item-bg-color: @white-color-rgb;
  //--opacity-semifull-df: 0.8 !important;
  --history-item-bg-color: @white-color-rgb;
  --popup-bg-color: @gen-color-5-rgb;
  --settings-bg-color: @gen-color-5-rgb;
  //--scheme-color-white: @scheme-color-white-rgb;

}
.settings-block{
  --gen-color-9: @gen-color-9-rgb;
}
.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