///////////////////////////////////////////////////////////////////////////////////////
/// ENVOLVE HEALTH LESS VARIABLES
///////////////////////////////////////////////////////////////////////////////////////

// BRAND COLORS: //

@brand-color: #A6218E; // Set as a default, will be overridden by the theme select
@brand-gradient: #FFC603;
@brand-color-light: none; // Set as a default, will be overridden by the theme select


@brand-magenta: #a6218e;
@brand-peach: #ffc603;
@brand-green: #0B7346;
@brand-orange: #ea6b07;
@brand-purple: #6950a1;
@brand-teal: #00a3b4;
@brand-cenpatico: #5E9732;

@brand-green-gradient: #9aca3c; // NEED THE REAL COLOR
@brand-orange-gradient: #faa61a;
@brand-purple-gradient: #a978b4;
@brand-teal-gradient: #3ec2cf;
@brand-cenpatico-gradient: lighten(#5E9732, 19%); // #8ECA60


// COLORS: //
@white: #ffffff;
@off-white: #d4d4d4;
@black: #000000;
@darker-grey: #555555;
@dark-grey: #636363;
@dark-gray: #6e6e6e;
@grey: #bbbbbb;
@logo-grey: #818286;
@text-color: #707070;
@link-blue: #006dc1;
@link-color: @brand-magenta;
@link-hover: darken(@link-color, 10%);
@background-color: #f6f6f6;
@light-grey: #e6e6e6;
@input-grey: #cccccc;

.top-gradient(@color1, @color2) {
	background: -webkit-linear-gradient(left, @color1, @color2); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, @color1, @color2); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, @color1, @color2); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, @color1, @color2); /* Standard syntax */
}
.hover-transition(@property, @time) {
	-webkit-transition:@property @time ease;
	-moz-transition:@property @time ease;
	-o-transition:@property @time ease;
	transition:@property @time ease;
}

.bordered(@size,@color,@radius) {
	border: solid @size @color;
	border-radius: @radius;
}

.border_bottom(@size,@color) {
	border-bottom: solid @size @color;
}

.btn-color(@color,@hovercolor) {
 	color: @white;
 	background-color: @color;
 	border-color: darken(@color, 15%);
 	&:hover {
 		color: @white;
 		background-color: darken(@hovercolor, 2%);
 		border-color: darken(@hovercolor, 15%);
	 }
}

.brand-green {
	color: @brand-green;
}

.brand-orange {
	color: @brand-orange;
}

.brand-purple {
	color: @brand-purple;
}

.brand-teal {
	color: @brand-teal;
}


///////////////////////////////////////////////////////////////////////////////////////