@color1: #227799;
@color2: @color1 + #222;
@color3: @color1 - #222;//darken(spin(@color1, 30), 50%);
@color4: hsl(hue(@color3), 15%, 15%);
@color5: desaturate(lighten(@color1,15%),5%);
@containerWidth: 1240px;
@bold: 600;
@borderWidth: 1px;
@fontSize: 1em;
@bigFontSize: @fontSize * 1.5;
@smallFontSize: @fontSize / 1.17;
@white: #fff;
@gray1: #eee;
@gray2: #ddd;
@gray3: #ccc;
@gray4: #999;
@gray5: #777;
@gray6: #555;
@gray7: #333;
@gray8: #222;
@black: #000;
@darken: rgba(0,0,0,.25);
@lighten: rgba(255,255,255,.25);
@textColor: @gray5;
@linkColor: @color1;
@linkHoverColor: @color2;
@backgroundColor: @white;
@transition: 0.25s linear;
@padding: 1.25em;
@headerBkgColor: @white;
@menuHeight: 2.5em;
@menuLinkColor: @gray7;
@menuLinkHoverColor: contrast(@color1, @gray7, @white, 30%);
@menuLinkHoverBkgColor: @color1;
@menuBkgColor: transparent;
@menuMoreBkgColor: @headerBkgColor;
@shadow: 0 3px 10px rgba(0,0,0,.15);