// Core
$white:							#ffffff;
$black:							#000000;
$light-gray:					#e7e7e7;
$core-text:						#777777;
$emphasis-text:					#444444;
$text-highlight:				$white;

// Accents
$core-accent:					#ed6f6d;
$secondary-accent:				#495565;
$tertiary-accent:				#00ABEF;

// Page Background
$page-bg:						$white;

// Header
$header-bg:						#252d35;
$header-text: 					#f2f2f2;

// Logo
$logo-image:					url(../images/logo.png);
$logo-accent:					$core-accent;

// Nav
$navbar-bg: 					#f3f3f3;
$navbar-bg-active:				$white;
$navbar-text: 					#333333;

// Showcase
$showcase-bg:					#252d35;
$showcase-text:					#f2f2f2;

// Feature
$feature-bg:					$white;

// Main Body
$main-bg:						#f7f7f7;

// Sidepanel
$sidebar-color:     			$secondary-accent;
$panel-text:        			$white;

// Bottom
$bottom-bg:						#f7f7f7;
$bottom-text:					$core-text;

// Footer
$footer-bg:						#313741;
$footer-text:					#aaaaaa;

// Borders
$core-border-color:				$light-gray;
$core-border-color-hover: 		darken($core-border-color, 10);
$core-border-color-focus: 		$core-accent;

// Shadows
$core-box-shadow: 				inset 0 1px 3px hsla(0, 0%, 0%, 0.06);
$core-box-shadow-focus: 		$core-box-shadow, 0 0 5px rgba(darken($core-border-color-focus, 5), 0.7);

// Typography
$code-text:						#c7254e;
$code-bg:						#f9f2f4;
$pre-text:						#237794;
$pre-bg:						#f6f6f6;