// Global Settings
$enable-shadows:			true;
$shadow-1:					0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2);
$shadow-2:					0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23);
$shadow-3:					0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23);
$shadow-4:					0 10px 20px 0 rgba(0, 0, 0, 0.19), 0 6px 6px 0 rgba(0, 0, 0, 0.26);
$shadow-5:					0 14px 28px 0 rgba(0, 0, 0, 0.25), 0 10px 10px 0 rgba(0, 0, 0, 0.26);
$shadow-6:					0 19px 38px 0 rgba(0, 0, 0, 0.3), 0 15px 12px 0 rgba(0, 0, 0, 0.22);

/*
	Colours
*/
$red-900:   				#b71c1c;
$red-600:   				#e53935;

$amber-800: 				#ff8f00;
$yellow-700:				#fbc02d;

$blue-700:					#1976d2;
$blue-400:					#42a5f5;

$green-600:					#43a047;
$green-400:					#66bb6a;

$blue-grey-900:				#263238;
$blue-grey-700:				#455a64;
$blue-grey-600:				#546e7a;
$blue-grey-300:				#90a4ae;
$blue-grey-50:				#eceff1;

$orange-a400:				#ff3d00;

$cyan:						#00bcd4;

// Lightning Wire Labs colour
$lwl:						#4b0082;

// Theme
$primary:					$red-900;
$secondary:					white;
$light:						$blue-grey-50;
$dark:						$blue-grey-900;

$theme-colors: (
	"lwl"					: $lwl,
);

$yiq-text-dark:				$primary;
$yiq-text-light:			$secondary;

$body-bg:					$blue-grey-50;
$body-color:				$blue-grey-900;

// Breakpoints
$grid-breakpoints: (
	xs: 0,
	sm: 600px,
	md: 768px,
	lg: 1024px,
	xl: 1280px
);

$grid-gutter-width:			24px;

$border-radius:				2px;
$border-radius-lg:			2px;

// Fonts
$font-family-sans-serif:	"Karla", sans-serif;

$font-weight-light:			200;
$font-weight-normal:		400;
$font-weight-bold:			700;

// Typo
$font-size-base:			1rem;
$lead-font-size:			1.5rem;
$small-font-size:			87.5%;

// Headings
$headings-font-weight:		500;
$headings-line-height:		1.5;
$headings-margin-bottom:	1.5rem;
$headings-color:			$blue-grey-900;

$h1-font-size:				3rem;
$h2-font-size:				2.5rem;
$h3-font-size:				2.25rem;
$h4-font-size:				2rem;
$h5-font-size:				1.5rem;
$h6-font-size:				1.25rem;

$display1-size:				7.5rem;

// Links
$link-color:				$primary;

// Navbar
$navbar-brand-font-size:	36px;
$navbar-brand-height:		32px;

$nav-link-height:			24px;
$navbar-nav-link-padding-x:	16px;

$navbar-padding-y:			1.1rem;

// Input
$input-btn-padding-x:		1rem;
$input-btn-padding-y:		.5rem;

$input-btn-focus-box-shadow:	$shadow-3;

// Shadows
$box-shadow:				$shadow-1;
$box-shadow-sm:				$box-shadow;
$box-shadow-lg:				$shadow-6;

// Buttons
$btn-border-width:			2px;

$btn-box-shadow:			0 2px 0 rgba(black, .16), 0 1px 2px rgba(black, .23);
$btn-active-box-shadow:		$input-btn-focus-box-shadow;