//background base color START
  //@base-color: #061023;
//background base color END

//static text base colors START
@static-text-base-color-1: #ce2828;
@static-text-base-color-2: #1f9403;
@static-text-base-color-3: #ffde37;
//static text base colors END

//hero base color START
  //@hero-base-color: #0caba4;
//hero base color END

//brand base color START
  //@brand-base-color: #12284b;
//brand base color END

//static base colors START
  //@static-base-color-1: #7d0000;
  @static-base-color-2: #02840a;
  @static-base-color-3: #24b4b0;
  @static-base-color-4: #c1ad00;
//static base colors END


/*background colors START*/
@gen-color-1-base: contrast(@base-color, darken(saturate(spin(@base-color, -0.9103), 5.0259), 1.5686),
lighten(saturate(spin(@base-color, -0.9103), 5.0259), 1.5686));
@gen-color-1: red(@gen-color-1-base), green(@gen-color-1-base), blue(@gen-color-1-base);

//base color START
@gen-color-2: red(@base-color), green(@base-color), blue(@base-color);

//base color END

@gen-color-3-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -1.3103), 8.2317), 1.3725),
darken(desaturate(spin(@base-color, -1.3103), 8.2317), 1.3725));
@gen-color-3: red(@gen-color-3-base), green(@gen-color-3-base), blue(@gen-color-3-base);
@gen-color-4-base: contrast(@base-color, lighten(desaturate(spin(@base-color, 0.0647), 11.4724), 2.5490),
darken(desaturate(spin(@base-color, 0.0647), 11.4724), 2.5490));
@gen-color-4: red(@gen-color-4-base), green(@gen-color-4-base), blue(@gen-color-4-base);
@gen-color-5-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -1.8103), 19.1188), 4.1176),
darken(desaturate(spin(@base-color, -1.8103), 19.1188), 4.1176));
@gen-color-5: red(@gen-color-5-base), green(@gen-color-5-base), blue(@gen-color-5-base);
@gen-color-6-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -0.7389), 26.9817), 4.5098),
darken(desaturate(spin(@base-color, -0.7389), 26.9817), 4.5098));
@gen-color-6: red(@gen-color-6-base), green(@gen-color-6-base), blue(@gen-color-6-base);
@gen-color-7-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -2.3873), 22.5836), 7.8431),
darken(desaturate(spin(@base-color, -2.3873), 22.5836), 7.8431));
@gen-color-7: red(@gen-color-7-base), green(@gen-color-7-base), blue(@gen-color-7-base);
@gen-color-8-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -2.9946), 24.3902), 8.0392),
darken(desaturate(spin(@base-color, -2.9946), 24.3902), 8.0392));
@gen-color-8: red(@gen-color-8-base), green(@gen-color-8-base), blue(@gen-color-8-base);
@gen-color-9-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -0.0796), 40.4991), 8.8235),
darken(desaturate(spin(@base-color, -0.0796), 40.4991), 8.8235));
@gen-color-9: red(@gen-color-9-base), green(@gen-color-9-base), blue(@gen-color-9-base);
@gen-color-10-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -2.4682), 9.4414), 10.1961),
darken(desaturate(spin(@base-color, -2.4682), 9.4414), 10.1961));
@gen-color-10: red(@gen-color-10-base), green(@gen-color-10-base), blue(@gen-color-10-base);
@gen-color-11-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -3.5961), 26.0509), 10.3922),
darken(desaturate(spin(@base-color, -3.5961), 26.0509), 10.3922));
@gen-color-11: red(@gen-color-11-base), green(@gen-color-11-base), blue(@gen-color-11-base);
@gen-color-12-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -2.3873), 29.6791), 10.5882),
darken(desaturate(spin(@base-color, -2.3873), 29.6791), 10.5882));
@gen-color-12: red(@gen-color-12-base), green(@gen-color-12-base), blue(@gen-color-12-base);
@gen-color-13-base: contrast(@base-color, lighten(desaturate(spin(@base-color, -3.3103), 31.7246), 19.6078),
darken(desaturate(spin(@base-color, -3.3103), 31.7246), 19.6078));
@gen-color-13: red(@gen-color-13-base), green(@gen-color-13-base), blue(@gen-color-13-base);
/*background colors END*/

//text colors START
@white-text-color-base: contrast(@base-color, #ffffff, #000000);
@white-text-color: red(@white-text-color-base), green(@white-text-color-base), blue(@white-text-color-base);
@black-text-color-base: contrast(@base-color, #000000, #ffffff);
@black-text-color-16: red(@black-text-color-base), green(@black-text-color-base), blue(@black-text-color-base);
//text colors END

//static text colors START
@static-text-c-1: red(@static-text-base-color-1), green(@static-text-base-color-1), blue(@static-text-base-color-1);
@static-text-c-1-2-base: contrast(@static-text-base-color-1, lighten(saturate(spin(@static-text-base-color-1, 337.4118), 32.5203), 1.7647),
darken(saturate(spin(@static-text-base-color-1, 337.4118), 32.5203), 1.7647));
@static-text-c-1-2: red(@static-text-c-1-2-base), green(@static-text-c-1-2-base), blue(@static-text-c-1-2-base);
@static-text-c-2: red(@static-text-base-color-2), green(@static-text-base-color-2), blue(@static-text-base-color-2);
@static-text-c-2-1-base: contrast(@static-text-base-color-2, lighten(desaturate(spin(@static-text-base-color-2, 27.4353), 8.1812), 5.8824),
darken(desaturate(spin(@static-text-base-color-2, 27.4353), 8.1812), 5.8824));
@static-text-c-2-1: red(@static-text-c-2-1-base), green(@static-text-c-2-1-base), blue(@static-text-c-2-1-base);
@static-text-c-3: red(@static-text-base-color-3), green(@static-text-base-color-3), blue(@static-text-base-color-3);
//static text colors END

//hero colors START
@hero-c-1: red(@hero-base-color), green(@hero-base-color), blue(@hero-base-color);
@hero-c-2-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 1.4950), 2.9280), 0.7843),
darken(desaturate(spin(@hero-base-color, 1.4950), 2.9280), 0.7843));
@hero-c-2: red(@hero-c-2-base), green(@hero-c-2-base), blue(@hero-c-2-base);
@hero-c-3-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 1.4495), 10.2355), 2.7451),
darken(desaturate(spin(@hero-base-color, 1.4495), 10.2355), 2.7451));
@hero-c-3: red(@hero-c-3-base), green(@hero-c-3-base), blue(@hero-c-3-base);
@hero-c-4-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 0.1063), 54.4652), 21.1765),
darken(desaturate(spin(@hero-base-color, 0.1063), 54.4652), 21.1765));
@hero-c-4: red(@hero-c-4-base), green(@hero-c-4-base), blue(@hero-c-4-base);
@hero-c-5-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 1.4086), 15.3166), 24.1176),
darken(desaturate(spin(@hero-base-color, 1.4086), 15.3166), 24.1176));
@hero-c-5: red(@hero-c-5-base), green(@hero-c-5-base), blue(@hero-c-5-base);

@hero-c-6-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 1.4415), 52.1630), 35.8824),
darken(desaturate(spin(@hero-base-color, 1.4415), 52.1630), 35.8824));
@hero-c-6: red(@hero-c-6-base), green(@hero-c-6-base), blue(@hero-c-6-base);


@hero-c-7-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 0.3774), 43.7958), 12.3529),
darken(desaturate(spin(@hero-base-color, 0.3774), 43.7958), 12.3529));
@hero-c-7: red(@hero-c-7-base), green(@hero-c-7-base), blue(@hero-c-7-base);

@hero-c-8-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, 0.4193), 17.6545), 48.8235),
darken(desaturate(spin(@hero-base-color, 0.4193), 17.6545), 48.8235));
@hero-c-8: red(@hero-c-8-base), green(@hero-c-8-base), blue(@hero-c-8-base);

@hero-c-9-base: contrast(@hero-base-color, lighten(desaturate(spin(@hero-base-color, -0.1931), 30.4408), 20.0000),
darken(desaturate(spin(@hero-base-color, -0.1931), 30.4408), 20.0000));
@hero-c-9: red(@hero-c-9-base), green(@hero-c-9-base), blue(@hero-c-9-base);



@hero-revert-color-base: contrast(@hero-base-color, #ffffff, #000000);
@hero-revert-color: red(@hero-revert-color-base), green(@hero-revert-color-base), blue(@hero-revert-color-base);
//hero colors END

//brand colors START
@brand-c-1: red(@brand-base-color), green(@brand-base-color), blue(@brand-base-color);
@brand-c-2-base: contrast(@brand-base-color, lighten(saturate(spin(@brand-base-color, -39.4836), 25.5949), 17.6471),
darken(saturate(spin(@brand-base-color, -39.4836), 25.5949), 17.6471));
@brand-c-2: red(@brand-c-2-base), green(@brand-c-2-base), blue(@brand-c-2-base);
@brand-c-3-base: contrast(@brand-base-color, lighten(desaturate(spin(@brand-base-color, -0.8421), 35.7801), 20.1961),
darken(desaturate(spin(@brand-base-color, -0.8421), 35.7801), 20.1961));
@brand-c-3: red(@brand-c-3-base), green(@brand-c-3-base), blue(@brand-c-3-base);
@brand-c-4-base: contrast(@brand-base-color, lighten(desaturate(spin(@brand-base-color, -39.6113), 1.6573), 24.5098),
darken(desaturate(spin(@brand-base-color, -39.6113), 1.6573), 24.5098));
@brand-c-4: red(@brand-c-4-base), green(@brand-c-4-base), blue(@brand-c-4-base);
@brand-c-5-base: contrast(@brand-base-color, lighten(desaturate(spin(@brand-base-color, -39.3773), 28.8702), 38.8235),
darken(desaturate(spin(@brand-base-color, -39.3773), 28.8702), 38.8235));
@brand-c-5: red(@brand-c-5-base), green(@brand-c-5-base), blue(@brand-c-5-base);
@brand-c-6-base: contrast(@brand-base-color, lighten(desaturate(spin(@brand-base-color, -1.2171), 31.9325), 39.0196),
darken(desaturate(spin(@brand-base-color, -1.2171), 31.9325), 39.0196));
@brand-c-6: red(@brand-c-6-base), green(@brand-c-6-base), blue(@brand-c-6-base);
@brand-revert-color-base: contrast(@brand-base-color, #ffffff, #000000);
@brand-revert-color: red(@brand-revert-color-base), green(@brand-revert-color-base), blue(@brand-revert-color-base);
//brand colors END

//black and white colors START
@static-white-c-base: contrast(@base-color, #000000, #ffffff, 50%);
@static-white-c: red(@static-white-c-base), green(@static-white-c-base), blue(@static-white-c-base);
@static-black-c-base: contrast(@base-color, #ffffff, #000000, 50%);
@static-black-c: red(@static-black-c-base), green(@static-black-c-base), blue(@static-black-c-base);
//black and white colors END

//static colors STAR
@static-bg-c-1: red(@static-base-color-1), green(@static-base-color-1), blue(@static-base-color-1);
@static-bg-c-1-2-base: contrast(@static-base-color-1, lighten(saturate(spin(@static-base-color-1, 0.0000), 0.0000), 7.6471),
darken(saturate(spin(@static-base-color-1, 0.0000), 0.0000), 7.6471));
@static-bg-c-1-2: red(@static-bg-c-1-2-base), green(@static-bg-c-1-2-base), blue(@static-bg-c-1-2-base);
@static-bg-c-1-3-base: contrast(@static-base-color-1, lighten(saturate(spin(@static-base-color-1, 347.7647), 0.0000), 25.4902),
lighten(saturate(spin(@static-base-color-1, 347.7647), 0.0000), 25.4902));
@static-bg-c-1-3: red(@static-bg-c-1-3-base), green(@static-bg-c-1-3-base), blue(@static-bg-c-1-3-base);
@static-bg-c-1-4-base: contrast(@static-base-color-1, lighten(saturate(spin(@static-base-color-1, 337.4118), 0.0000), 25.4902),
darken(saturate(spin(@static-base-color-1, 337.4118), 0.0000), 25.4902));
@static-bg-c-1-4: red(@static-bg-c-1-4-base), green(@static-bg-c-1-4-base), blue(@static-bg-c-1-4-base);

@static-revert-color-1-base: contrast(@static-base-color-1, #ffffff, #000000);
@static-revert-color-1: red(@static-revert-color-1-base), green(@static-revert-color-1-base), blue(@static-revert-color-1-base);

@static-bg-c-2: red(@static-base-color-2), green(@static-base-color-2), blue(@static-base-color-2);
@static-bg-c-2-1-base: contrast(@static-base-color-2, lighten(saturate(spin(@static-base-color-2, -0.1858), 2.9851), 3.9216),
darken(saturate(spin(@static-base-color-2, -0.1858), 2.9851), 3.9216));
@static-bg-c-2-1: red(@static-bg-c-2-1-base), green(@static-bg-c-2-1-base), blue(@static-bg-c-2-1-base);
@static-bg-c-2-2-base: contrast(@static-base-color-2, lighten(desaturate(spin(@static-base-color-2, 6.1707), 25.4463), 33.7255),
darken(desaturate(spin(@static-base-color-2, 6.1707), 25.4463), 33.7255));
@static-bg-c-2-2: red(@static-bg-c-2-2-base), green(@static-bg-c-2-2-base), blue(@static-bg-c-2-2-base);

@static-revert-color-2-base: contrast(@static-base-color-2, #ffffff, #000000);
@static-revert-color-2: red(@static-revert-color-2-base), green(@static-revert-color-2-base), blue(@static-revert-color-2-base);

@static-bg-c-3: red(@static-base-color-3), green(@static-base-color-3), blue(@static-base-color-3);
@static-bg-c-3-1-base: contrast(@static-base-color-3, lighten(saturate(spin(@static-base-color-3, 0.5691), 2.8249), 3.9216),
darken(saturate(spin(@static-base-color-3, 0.5691), 2.8249), 3.9216));
@static-bg-c-3-1: red(@static-bg-c-3-1-base), green(@static-bg-c-3-1-base), blue(@static-bg-c-3-1-base);
@static-bg-c-3-2-base: contrast(@static-base-color-3, lighten(desaturate(spin(@static-base-color-3, 0.4785), 22.1733), 13.1373),
darken(desaturate(spin(@static-base-color-3, 0.4785), 22.1733), 13.1373));
@static-bg-c-3-2: red(@static-bg-c-3-2-base), green(@static-bg-c-3-2-base), blue(@static-bg-c-3-2-base);
@static-bg-c-3-3-base: contrast(@static-base-color-3, lighten(desaturate(spin(@static-base-color-3, 0.4079), 3.6711), 13.1373),
darken(desaturate(spin(@static-base-color-3, 0.4079), 3.6711), 13.1373));
@static-bg-c-3-3: red(@static-bg-c-3-3-base), green(@static-bg-c-3-3-base), blue(@static-bg-c-3-3-base);

@static-revert-color-3-base: contrast(@static-base-color-3, #ffffff, #000000);
@static-revert-color-3: red(@static-revert-color-3-base), green(@static-revert-color-3-base), blue(@static-revert-color-3-base);

@static-bg-c-4: red(@static-base-color-4), green(@static-base-color-4), blue(@static-base-color-4);
@static-bg-c-4-1-base: contrast(@static-base-color-4, lighten(saturate(spin(@static-base-color-4, -3.6647), 0.0000), 12.1569),
darken(saturate(spin(@static-base-color-4, -3.6647), 0.0000), 12.1569));
@static-bg-c-4-1: red(@static-bg-c-4-1-base), green(@static-bg-c-4-1-base), blue(@static-bg-c-4-1-base);
@static-bg-c-4-2-base: contrast(@static-base-color-4, lighten(desaturate(spin(@static-base-color-4, -5.4824), 3.8462), 21.3725),
darken(desaturate(spin(@static-base-color-4, -5.4824), 3.8462), 21.3725));
@static-bg-c-4-2: red(@static-bg-c-4-2-base), green(@static-bg-c-4-2-base), blue(@static-bg-c-4-2-base);
@static-bg-c-4-3-base: contrast(@static-base-color-4, lighten(saturate(spin(@static-base-color-4, -3.1941), 0.0000), 12.1569),
darken(saturate(spin(@static-base-color-4, -3.1941), 0.0000), 12.1569));
@static-bg-c-4-3: red(@static-bg-c-4-3-base), green(@static-bg-c-4-3-base), blue(@static-bg-c-4-3-base);

@static-revert-color-4-base: contrast(@static-base-color-4, #ffffff, #000000);
@static-revert-color-4: red(@static-revert-color-4-base), green(@static-revert-color-4-base), blue(@static-revert-color-4-base);
//static colors END


:root {
  //background color START
  --bg-color-1: @gen-color-1;
  --bg-color-2: @gen-color-2;
  --bg-color-3: @gen-color-3;
  --bg-color-4: @gen-color-4;
  --bg-color-5: @gen-color-5;
  --bg-color-6: @gen-color-6;
  --bg-color-7: @gen-color-7;
  --bg-color-8: @gen-color-8;
  --bg-color-9: @gen-color-9;
  --bg-color-10: @gen-color-10;
  --bg-color-11: @gen-color-11;
  --bg-color-12: @gen-color-12;
  --bg-color-13: @gen-color-13;
  //background color END

  //white black text color START
  --white-text-color: @white-text-color;
  --black-text-color: @black-text-color-16;
  //white black text color END

  //static text color START
  --static-text-color-1: @static-text-c-1;
  --static-text-color-2: @static-text-c-1-2;
  --static-text-color-3: @static-text-c-2;
  --static-text-color-4: @static-text-c-2-1;
  --static-text-color-5: @static-text-c-3;
  //static text color END

  //hero color START
  --hero-color-1: @hero-c-1;
  --hero-color-2: @hero-c-2;
  --hero-color-3: @hero-c-3;
  --hero-color-4: @hero-c-4;
  --hero-color-5: @hero-c-5;
  --hero-color-6: @hero-c-6;
  --hero-color-7: @hero-c-7;
  --hero-color-8: @hero-c-8;
  --hero-color-9: @hero-c-9;
  --hero-revert: @hero-revert-color;
  //hero color END

  //brand color START
  --brand-color-1: @brand-c-1;
  --brand-color-2: @brand-c-2;
  --brand-color-3: @brand-c-3;
  --brand-color-4: @brand-c-4;
  --brand-color-5: @brand-c-5;
  --brand-color-6: @brand-c-6;
  --brand-revert: @brand-revert-color;
  //hero color END

  //static white black background color START
  --static-white-color: @static-white-c;
  --static-black-color: @static-black-c;
  //static white black background color END

  //static background color START
  --static-bg-color-1: @static-bg-c-1;
  --static-bg-color-2: @static-bg-c-1-2;
  --static-bg-color-3: @static-bg-c-1-3;
  --static-bg-color-4: @static-bg-c-1-4;
  --static-bg-color-5: @static-bg-c-2;
  --static-bg-color-6: @static-bg-c-2-1;
  --static-bg-color-7: @static-bg-c-2-2;
  --static-bg-color-8: @static-bg-c-3;
  --static-bg-color-9: @static-bg-c-3-1;
  --static-bg-color-10: @static-bg-c-3-2;
  --static-bg-color-11: @static-bg-c-3-3;
  --static-bg-color-12: @static-bg-c-4;
  --static-bg-color-13: @static-bg-c-4-1;
  --static-bg-color-14: @static-bg-c-4-2;
  --static-bg-color-15: @static-bg-c-4-3;

  --static-revert-color-1: @static-revert-color-4;
  --static-revert-color-2: @static-revert-color-4;
  --static-revert-color-3: @static-revert-color-4;
  --static-revert-color-4: @static-revert-color-4;
  --shadow-color: 0, 0, 0;
  --black-color: 0, 0, 0;
  --white-color: 255, 255, 255;
  //static background color END
}