/*
	Colours
*/
$black:						#000000;
$white:						#ffffff;

// Grays
$gray-400:					#6a788b;
$gray-800:					#31353c;

$red:   					#ee2e31;
$yellow:					#e7e247;
$cyan:						#32ffdc;

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

// Theme
$primary:					$red;
$secondary:					$gray-400;
$light:						$gray-400;
$dark:						$gray-800;

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

$body-bg:					$dark;
$body-color:				$white;

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

$grid-gutter-width:			24px;

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

// Fonts
$font-family-sans-serif:	"Mukta", 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:			$white;

$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;

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