// Basics
$white:							#ffffff;
$black:							#000000;
$off-white:						#f3f5f7;
$grey: 							#888888;
$darkgrey: 						#282828;
$pink: 							#d13b7b;
$red: 							#ef4a44;
$purple: 						#5c5acf;
$blue: 							#279fba;
$orange: 						#ee7933;
$light-grey:                    #C4C4C3;

// Base
$base-background:				rgba(255, 255, 255, 0) !default;
$base-background-image:			false !default;
$base-text-color:				#030303 !default;
$base-text-active-color:		#4875ff !default;
$base-subtitle-color:           #888888 !default;
$base-border-color:				#e7e8ea !default;

// Accents
$accent-color-1:				#4875ff !default;
$accent-color-2:				#b0b8d0 !default;
$accent-color-3:				#07102a !default;

// Button
$button-text-color:				#030303 !default;
$button-background-color:		#4875ff !default;

// Menu Style
$menustyle-background:                  #ffffff !default;
$menustyle-text-color:                  #07102a !default;
$menustyle-text-color-active:           #07102a !default;
$menustyle-sublevel-text-color:         #030303 !default;
$menustyle-sublevel-text-color-active:  #ffffff !default;
$menustyle-sublevel-background:         #ffffff !default;
$menustyle-sublevel-background-active:  rgba(72, 117, 255, 0.4) !default;

// Page Surround
$pagesurround-background:		$base-background !default;

// Top
$top-background:				rgba(255, 255, 255, 0) !default;
$top-text-color:				#07102a !default;

// Navigation
$navigation-background:			rgba(255, 255, 255, 0) !default;
$navigation-text-color:			#07102a !default;

// Slideshow
$slideshow-background:			rgba(255, 255, 255, 0) !default;
$slideshow-background-image:	false !default;
$slideshow-text-color:			#07102a !default;

// Header
$header-background:				rgba(255, 255, 255, 0) !default;
$header-text-color:				#07102a !default;

// Above
$above-background:				rgba(255, 255, 255, 0) !default;
$above-text-color:				#07102a !default;

// Showcase
$showcase-background:			rgba(255, 255, 255, 0) !default;
$showcase-text-color:			#07102a !default;

// Feature
$feature-background:	    	rgba(255, 255, 255, 0) !default;
$feature-text-color:			#07102a !default;

// Main
$main-background:				rgba(255, 255, 255, 0) !default;
$main-text-color:				#07102a !default;

// Expanded
$expanded-background:			rgba(255, 255, 255, 0) !default;
$expanded-text-color:			#07102a !default;

// Extension
$extension-background:	    	rgba(255, 255, 255, 0) !default;
$extension-text-color:			#07102a !default;

// Bottom
$bottom-background:				rgba(255, 255, 255, 0) !default;
$bottom-text-color:				#07102a !default;

// Utility
$utility-background:			rgba(255, 255, 255, 0) !default;
$utility-text-color:			#07102a !default;

// Footer
$footer-background:				#07102A !default;
$footer-text-color:				#b0b8d0 !default;

// Copyright
$copyright-background:			#07102A !default;
$copyright-text-color:			#b0b8d0 !default;

// Off Canvas
$offcanvas-background:			#4875ff !default;
$offcanvas-text-color:			#ffffff !default;
$offcanvas-toggle-color:		#07102a !default;

// Block Variations
$box1-background:				$accent-color-1 !default;
$box2-background:				$accent-color-1 !default;
$box3-background:				$black !default;
$box4-background:				darken($base-background, 5%) !default;
$box-white-background: 			$white !default;
$box-grey-background: 			$grey !default;
$box-darkgrey-background: 		$darkgrey !default;
$box-pink-background: 			$pink !default;
$box-red-background: 			$red !default;
$box-purple-background:			$purple !default;
$box-blue-background:			$blue !default;
$box-orange-background: 		$orange !default;

// System Messsages and Alerts
$warning-color:					#c09853;
$error-color:					#b94a48;
$info-color:					#3a87ad;
$success-color:					#468847;

// Typography
$rule-color:					fadeout($base-border-color, 75%);
$code-text:						#c7254e;
$code-bg:						#f9f2f4;
$pre-text:						#237794;
$pre-bg:						#f6f6f6;

// Borders
$border-color-hover:			$accent-color-1;
$border-color-focus:			$accent-color-1;
$border-color-light:			rgba(0, 0, 0, 0.1);

// Shadows
$base-box-shadow: 				inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
$base-content-shadow:			2px 1px 15px rgba(0, 0, 0, 0.05);