// @import './icons.less';

// @import "../re-button/button.less";

// FONT Size
@_reuse--FontSize: 14px;

// FONT WEIGHT
@_reuse--FontWeight-Thin: 100;
@_reuse--FontWeight-Light: 300;
@_reuse--FontWeight-Regular: 400;
@_reuse--FontWeight-Medium: 500;
@_reuse--FontWeight-Bold: 700;


// TEXT COLOR
@_reuse--TextColor-Light: #9da3a9;
@_reuse--TextColor-Lighter: #bfc4ca;
@_reuse--TextColor-Regular: #888888;
@_reuse--TextColor-Dark: #484848;
@_reuse--TextColor-LightDark: #585858;
@_reuse--TextColor-Heading: #727c87;



// Default Primary Color
// @_reuse--Color-Primary : #7e57c2;
@_reuse--Color-Primary : #506DAD;
@_reuse--Color-PrimaryHover : darken(@_reuse--Color-Primary, 10%);

@_reuse--Color-Secondary : #595e80;
@_reuse--Color-SecondaryHover : darken(@_reuse--Color-Secondary, 10%);


// GRAY COLOR
@_reuse--Color-Gray-BDBDBD : #bdbdbd;
@_reuse--Color-Gray-BFC4CA : #bfc4ca;
@_reuse--Color-Gray-DEE0E2 : #dee0e2;
@_reuse--Color-Border-Color : #e3e3e3;  // Border Color
@_reuse--Color-Gray-EEEEEE : #eeeeee;
@_reuse--Color-Gray-E8E8E8 : #E8E8E8;
@_reuse--Color-Gray-F1F1F1 : #f1f1f1;
@_reuse--Color-Gray-F3F3F3 : #f3f3f3;
@_reuse--Color-Gray-F5F5F5 : #f5f5f5;
@_reuse--Color-Gray-F9F9F9 : #f9f9f9;
@_reuse--Color-Gray-FAFAFA: #fafafa;
@_reuse--Color-Gray-FDFDFD: #fdfdfd;


// GREEN COLOR
@_reuse--Color-Green : #4ac5b6;
@_reuse--Color-Green-Light : #2ecc71;
@_reuse--Color-Green-Alt : #A5E512;
@_reuse--Color-Green-Lighter : #f4f5f1;


// RED COLOR
@_reuse--Color-Red : #fc4a52;
@_reuse--Color-Red-Dark : #d3394c;
@_reuse--Color-Red-Light: #ff6060;
@_reuse--Color-Red-Light-1 : #fd7c7c;


// YELLOW COLOR
@_reuse--Color-Yellow : #feb909;
@_reuse--Color-Yellow-Alt : #ffbd21;
@_reuse--Color-Yellow-Light : #fad733;

// BLUE COLOR
@_reuse--Color-Blue : #217aff;
@_reuse--Color-Blue-Dark : #2672ad;


// Border Color
@_reuse--Color-Border-Error : #e53935;

// Responsive Utilities
@smartphone_port : ~"only screen and (max-width: 767px)";
@smartphone_land : ~"only screen and (min-width: 480px) and (max-width: 767px)";
@tablet_port : ~"only screen and (min-width: 768px) and (max-width: 991px)";
@tablet_land : ~"only screen and (min-width: 992px) and (max-width: 1199px)";
@larger_res : ~"only screen and (min-width: 1600px) and (max-width: 2800px)";

// TRANSITION
.reuse--Transition (@time : .35s, @prop : all){
  -webkit-transition: @prop @time ease;
     -moz-transition: @prop @time ease;
      -ms-transition: @prop @time ease;
       -o-transition: @prop @time ease;
          transition: @prop @time ease;
}

.reuse--Transition-BAZIAR (@btime : .8s){
  -webkit-transition: all @btime cubic-bezier(.28,.75,.25,1);
     -moz-transition: all @btime cubic-bezier(.28,.75,.25,1);
       -ms-transition: all @btime cubic-bezier(.28,.75,.25,1);
          -o-transition: all @btime cubic-bezier(.28,.75,.25,1);
              transition: all @btime cubic-bezier(.28,.75,.25,1);
}

// BORDER RADIUS
.reuse--BorderRadius (@radius : 5px 5px 5px 5px){
  -webkit-border-radius: @radius;
     -moz-border-radius: @radius;
       -o-border-radius: @radius;
          border-radius: @radius;
}

// DROP SHADOW
.reuse--DropShadow (@values){
  -webkit-box-shadow: @values;
     -moz-box-shadow: @values;
          box-shadow: @values;
}

// Transparent Color
.reuse--Overlay (@r: 0, @g: 0, @b: 0, @a: 0.31){
  background-color: rgba(@r, @g, @b, @a);
}

// TRANSFORM
.reuse--Transform (@x, @y){
  -webkit-transform: translate(@x,@y);
     -moz-transform: translate(@x,@y);
      -ms-transform: translate(@x,@y);
       -o-transform: translate(@x,@y);
          transform: translate(@x,@y);
}