// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.

@textColorPrimary:   #333;
@textColorSecondary: #484848;
@textColorTertiary:  #666;
@textColorLight:     #bbb;

@textColorSpaceYellow: #ffbb38;

@linkRed:            rgb(175,50,50);
@linkBlue:           rgb(0,150,221);
@linkBlueHover:      rgb(0,83,159);
@linkSkyBlue:        rgb(103,167,208);
@linkSpaceBlue:      rgb(47,138,202);
@linkSpacePurple:    rgb(147,111,188);

@buttonGreen: #81bc2e;
@buttonGreenDark: darken(@buttonGreen, 10%);
@buttonTextColor: #fff;
@buttonBlue: #3c88cc;
@buttonBlueDark: darken(@buttonBlue, 15%);


// Button shadows

@shadowPartBottom:      0px 2px 0px 0px rgba(0, 0, 0, 0.1);
@shadowPartBottomInset: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
@shadowPartHover:       inset 0px 12px 24px 2px saturate(@buttonBlue, 10%);
@shadowPartFocusRing:   0 0 0 2px rgba(73,173,227,0.4);

@buttonShadow:          @shadowPartBottom, @shadowPartBottomInset;
@buttonShadowHover:     @shadowPartBottom, @shadowPartBottomInset, @shadowPartHover;
@buttonShadowFocus:     @shadowPartBottom, @shadowPartBottomInset, @shadowPartHover, @shadowPartFocusRing;

@buttonShadowActive:     inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2),
                         inset 0px 12px 24px 6px rgba(0,0,0,0.2),
                         inset 0px 0px 2px 2px rgba(0,0,0,0.2);

@borderColor: #d6d6d6;

@baseFontSize:      14px;
@baseFontFamily:    'Open Sans', sans-serif;
@baseLine:          20px;
@smallFontSize:     12px;

// Less Framework grid
@gridColumns:             10;
@gridColumnWidth:         68px;
@gridGutterWidth:         24px;
@gridRowWidth:            (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));


.open-sans {
    font-family: 'Open Sans', sans-serif;
}

.open-sans-light {
    font-family: 'Open Sans Light', sans-serif;
    font-weight: normal;
}

.clearfix {
    zoom: 1;
    &:after {
        display: block;
        visibility: hidden;
        height: 0;
        clear: both;
        content: ".";
    }
}

