@charset "UTF-8";
// ---------------------------------------------------------------------------------------
//  ViUR viurtest2 APPCONFIGURATION
// ---------------------------------------------------------------------------------------

// Opt-Ins
@bar: true;
@burger: false;
@button: true;
@form: true;
@icon: true;
@message: true;
@table: true;

// Color and Shadow Sets
@mainColor: #d00f1c; // The corporate color - defining most of the looks.
@complementColor: #333; // A color used to sit next to the maincolor.
@textColor: #222;
@invTextColor: #f4f4f4;
@backgroundColor: #fafafa;

@successColor: #4cad42; // Green
@warnColor: #f5b639; // Orange
@failColor: #f44336; // Red
@hintColor: #1da7e0; // Blue

// Font Stacks
@bodyFonts: 'Source Sans Pro', 'Open Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; // Default font stack.
@headFonts: 'Source Sans Pro', 'Open Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'; // Fonts for headlines, blockquotes and alike.
@monoFonts: 'Source Code Pro', Courier, monospace; // Fonts for code pieces.

// Font Weights
@fontWeightLight: 300;
@fontWeightNormal: 400;
@fontWeightBold: 700;

// Font Sizes
@fontSizeSmall: 16px;
@fontSizeMedium: 17px;
@fontSizeLarge: 19px;
@fontSizeExtraLarge: 20px;
@defaultLineHeight: 1.5;

// Buttons and Forms
@defaultPadding: .2em;
@defaultMargin: .25em;
@defaultBorderWidth: 1px;
@defaultBorderRadius: 1px;
@defaultShadow: 0;
@defaultShadowHover: 1;
@defaultShadowColor: #000;
@defaultInputColor:#fff;

// Spaces
@outerSpace: 20px; // Space around objects, boxes etc.
@innerSpace: 10px; // Space within objects: mostly paddings.
@topSpace: 20px; // The distance between two sections.
@bottomSpace: 20px; // The distance between two sections.
@gridSpace: 20px; // Space between grid items.

// Width, Height and Media Queries
@pageWidth: 1400px; // max-width of the centered container.
@paragraphWidth: 77ch; // max-width of text paragraphs: 77 characters.

@breakSmall: 37.5em; // smart phones: 600px / 16px = 37.5em;
@breakMedium: 56.25em; // tablets: 900px / 16px = 56.25em;
@breakLarge: 75em; // screens: 1200px / 16px = 75em;
@breakXlarge: 112.5em; // huge screens: 1800px / 16px = 112.5em;
@break2x: 2; // hiDPI displays
@breakPrint: print; // make it printable!
