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

/* Button Variables */
@pageFont:
    Helvetica Neue,
    Helvetica,
    Arial,
    sans-serif;
@textTransform: none;
@fontWeight: bold;
@textColor: #333;

@textShadow: 0 1px 0 rgba(255, 255, 255, 0.9);
@invertedTextShadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

@borderRadius: @relativeBorderRadius;

@verticalPadding: 0.75em;
@horizontalPadding: 1.15em;

@backgroundColor: #fafafa;
@backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
@boxShadow:
    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
    0 0 0 1px rgba(0, 0, 0, 0.13) inset,
    0 1px 3px rgba(0, 0, 0, 0.05);

@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
@coloredBoxShadow:
    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
    0 1px 3px rgba(0, 0, 0, 0.05);

@hoverBackgroundColor: #e0e0e0;
@hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
@hoverBoxShadow: @boxShadow;

@downBackgroundColor: "";
@downBackgroundImage: "";
@downBoxShadow:
    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
    0 0 0 1px rgba(0, 0, 0, 0.13) inset,
    0 3px 5px rgba(0, 0, 0, 0.15) inset !important;
@activeBackgroundColor: #dfdfdf;
@activeBackgroundImage: none;
@activeBoxShadow:
    0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
    0 0 0 1px rgba(0, 0, 0, 0.13) inset,
    0 3px 5px rgba(0, 0, 0, 0.1) inset !important;

@labeledIconBackgroundColor: transparent;
@labeledIconBorder: transparent;
@labeledIconPadding: (@horizontalPadding + 2.25em);

@basicFontWeight: bold;
@basicTextColor: @linkColor;
@basicHoverTextColor: @linkHoverColor;

@basicHoverBackground: #e0e0e0;

@blue: #3072b3;
@green: #60b044;
@black: #5d5d5d;

@primaryColor: @blue;
@secondaryColor: @black;

@mini: 0.6rem;
@tiny: 0.7rem;
@small: 0.85rem;
@medium: 0.92rem;
@large: 1rem;
@big: 1.125rem;
@huge: 1.25rem;
@massive: 1.3rem;