// Bootstrap forked variables
// Button inverse background
@grayDarker: #222;
@grayDark: #333;
@gray: #555;
@textGray: #5e5e5e;
@textGrayDark: #2C3339;
@grayLight: #8d8f94;
@grayPlaceholder: #828282;
@white: #fff;
@grayControls: #D5D6D7;
@grayControlsDarker: @textGray;

// Accent colors
// -------------------------
// Button warning background
@orange: #f89406;

@bodyBackground: @white;

// Links
// -------------------------
// Button primary background
@linkColor: #08c;

// Typography
// -------------------------
@baseFontSize: 13px;
@baseLineHeight: 18px;

// Buttons
// -------------------------
@vc_btnBackground: #f7f7f7;
@vc_btnBackgroundHighlight: darken(@vc_btnBackground, 5%);
@vc_btnBorder: #ccc;

@vc_btnPrimaryBackground: @linkColor;
@vc_btnPrimaryBackgroundHighlight: darken(@vc_btnPrimaryBackground, 5%);

@vc_btnInfoBackground: #58B9DA;
@vc_btnInfoBackgroundHighlight: darken(@vc_btnInfoBackground, 5%);

@vc_btnSuccessBackground: #6AB165;
@vc_btnSuccessBackgroundHighlight: darken(@vc_btnSuccessBackground, 5%);

@vc_btnWarningBackground: #FF9900;
@vc_btnWarningBackgroundHighlight: darken(@vc_btnWarningBackground, 5%);

@vc_btnDangerBackground: #FF675B;
@vc_btnDangerBackgroundHighlight: darken(@vc_btnDangerBackground, 5%);

@vc_btnInverseBackground: @gray;
@vc_btnInverseBackgroundHighlight: darken(@vc_btnInverseBackground, 5%);

// Alerts (Message boxes)
// -------------------------
@warningText: #c09853;
@warningBackground: #fcf8e3;
@warningBorder: darken(spin(@warningBackground, -10), 3%);

@errorText: #b94a48;
@errorBackground: #f2dede;
@errorBorder: darken(spin(@errorBackground, -10), 3%);

@successText: #468847;
@successBackground: #dff0d8;
@successBorder: darken(spin(@successBackground, -10), 5%);

@infoText: #3a87ad;
@infoBackground: #d9edf7;
@infoBorder: darken(spin(@infoBackground, -10), 7%);

@vc_btn_padding_vertical: 9px;
@vc_btn_padding_horizontal: 12px;
