// Variables
//==============================================================================

// DEBUG - highlight any potential markup / accessibility errors (true or False)
//==============================================================================

$debug-mode         : false;


// Box-sizing - border-box global?
//==============================================================================
// read paulirish.com/2012/box-sizing-border-box-ftw

$global-border-box  : true;


// Base Sizes
//==============================================================================

$base-font-size     : 17!default;
$base-line-height   : 25!default;


// Default Border Radius
//==============================================================================

$brand-round        : 4!default;


// Responsive Variables
//==============================================================================

$responsive         : true;
$lap-start          : 481;
$desk-start         : 1024;

$desktop            : 1024;
$tablet             : 768;
$fullWidth          : 300; // reset columns at


// Font Sizes
//==============================================================================
$giga-size          : 100!default;
$mega-size          : 60!default;
$kilo-size          : 30!default;

$h1-size            : 28!default; // .alpha
$h2-size            : 24!default; // .beta
$h3-size            : 20!default; // .gamma
$h4-size            : 18!default; // .delta
$h5-size            : 16!default; // .epsilon
$h6-size            : 14!default; // .zeta

$milli-size         : 12!default;
$micro-size         : 10!default;


// Brand Variables
//==============================================================================

$bface              : Arial, Helvetica, "Helvetica Neue", sans-serif!default;
$fontAwesome        : fontAwesome;

$bface1Bold         : open_sansbold, Arial, Helvetica, "Helvetica Neue", sans-serif;
$bface1Reg          : open_sansregular, Arial, Helvetica, "Helvetica Neue", sans-serif;
$bface1Light        : open_sanslight, Arial, Helvetica, "Helvetica Neue", sans-serif;

$defaultface        : $bface1Reg;

$white              : #FFF;
$black              : #000;
//$grey               : grey;
$grey				: #F3F3F3;
$darkgrey           : darken($grey, 5%);

$bc01              : #34454D; // Teal colour
$bc02              : #fcce43; // Yellow colour
$bc03			   : #009ac8; // Blue background
$bc04              : #9e4b97; // Purple colour
$bc05              : #99c13d; // Green colour
$bc06              : #f47f24; // Orange colour
$bc07              : #f47f24; //Orange colour
$bc08              : #6dc4c0; //Orange colour

$facebook           : #395998;
$twitter            : #00ACEB;
$linkedin           : #0079B9;
$google             : #D34836;
$youtube            : #E52D27;
$instagram          : #8a3ab9;

$success            : #58bc64;
$error              : #c93636;
$warning            : #dbd453;
$info               : #399ad6;

$hc                 : #1F1F2C;
$txtc               : #595959;
$inptclr            : #9797A5;

$bodyBg             : $grey;

$inptbrdr           : $darkgrey;

$brandcolors: $bc01, $bc02, $bc03, $bc04, $bc05, $bc06, $bc07, $bc08;

$baseLocation       : '../../../air-12/assets/';

// Assign our `$base-line-height` to a new spacing var for more transparency.
//==============================================================================

$base-spacing-unit  : $base-line-height!default;
$half-spacing-unit  : $base-spacing-unit / 2!default;
$line-height-ratio  : $base-line-height / $base-font-size;


// Grid Variables
//==============================================================================

$columns            : 24!default;
$gutterWidth        : 20!default;
$siteWidth          : 1220;


// logo SVG Width & height
//==============================================================================

$logoWidth          : 260;
$logoHeight         : 47;