// Required variables. Do not edit.

//TYPOGRAPHY

// Modular Scale using Golden Ratio.
@msBase: @baseFontSize; // User-defined value declared in app-settings-php. Default is 14px.
@msLarger1: round(@msBase * 1.618); // Default results to 23px
@msLarger2: round(@msBase * 1.942); // Default results to 27px
@msLarger3: round(@msBase * 2.618); // Default results to 36px
@msLarger4: round(@msBase * 3.143); // Default results to 44px
@msSmaller1: round(@msBase / 1.166); // Default results to 12px
@msSmaller2: round(@msBase / 1.272); // Default results to 11px
@msSmaller3: round(@msBase / 1.4); // Default results to 10px
@msSmaller4: round(@msBase / 1.555); // Default results to 9px

// COLOR

// Basic Colors
@colorGrey: rgb(127, 127, 127);
@colorRed: rgb(153, 9, 9);
@colorGreen: rgb(21, 153, 27);
@colorBlue: rgb(0, 94, 153);
@colorYellow: rgb(153, 136, 0);
@colorMagenta: rgb(153, 24, 90);
@colorCyan: rgb(73, 153, 153);
@colorOrange: rgb(227, 162, 26);
@colorPurple: rgb(145, 0, 153);

// Color Scheme
@colorBaseLight: lighten(@colorBase, 20%);
@colorBaseDark: darken(@colorBase, 20%);
@colorComplement: spin(@colorBase, 180);
@colorComplementLight: lighten(@colorComplement, 20%);
@colorComplementDark: darken(@colorComplement, 20%);

// STYLES
// Used by buttons and others.
@size1: @gridUnitGutter; // Default is 24px
@size2: round(@gridUnitGutter / 2); // 12px
@size3: round(@gridUnitGutter / 4); // 6px
@size4: round(@gridUnitGutter / 8); // 3px
@size5: 0; //0px
@sizeDouble: round(@gridUnitGutter * 2);
@sizeTriple: round(@gridUnitGutter * 3);

// LAYOUT

@unitNarrowWidth: (@gridContainerNarrowWidth - @gridUnitGutter * @gridTotalUnits) / @gridTotalUnits;
@unitStandardWidth: (@gridContainerStandardWidth - @gridUnitGutter * @gridTotalUnits) / @gridTotalUnits;
@unitWideWidth: (@gridContainerWideWidth - @gridUnitGutter * @gridTotalUnits) / @gridTotalUnits;

@gridHeaderAnnex: (@gridTotalUnits - @gridBranding);
@gridTwoSidebarsMain: (@gridTotalUnits - (@gridSidebarFirst + @gridSidebarSecond));
@gridSidebarFirstMain: (@gridTotalUnits - @gridSidebarFirst);
@gridSidebarSecondMain: (@gridTotalUnits - @gridSidebarSecond);
