/*-------------------
   Global Variables
--------------------*/

@pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
@buttonTextColor: #66757F;
@blue: #55ACEE;

/*-------------------
   Button Variables
--------------------*/

@buttonBackgroundColor: #F5F8FA;
@buttonBackgroundImage: linear-gradient(@white, @buttonBackgroundColor);
@color: #66757F;
@buttonBorderBoxShadowColor: #E1E8ED;

@buttonTextTransform: none;
@buttonFontWeight: bold;
@buttonTextColor: #333333;

@buttonHorizontalPadding: 1.284em;
@buttonVerticalPadding: 0.8571em;

@buttonActiveBackgroundColor: rgba(0, 0, 0, 0.1);

@primaryColor: @blue;
@buttonColoredBackgroundImage: @subtleGradient;


/*-------------------
        States
--------------------*/

@buttonHoverBackgroundColor: #E1E8ED;
@buttonHoverBackgroundImage: linear-gradient(@white, @buttonHoverBackgroundColor);
@buttonHoverColor: #292F33;

@buttonDownBackgroundColor: #E1E8ED;
@buttonDownColor: #292F33;
@buttonDownPressedShadow: 0px 1px 4px rgba(0, 0, 0, 0.2) inset;

@buttonLabeledIconBackgroundColor: rgba(85, 172, 238, 0.05);
@buttonLabeledIconBorder: rgba(0, 0, 0, 0.1);