// import site specific styles first
@import '../site/config.scss';
// mixins to use
@import 'mixins';
// sizing
$small-space: 5px;
$medium-space: 20px;
$large-space: 40px;
$xlarge-space: 60px;
$hundred: ($large-space + $xlarge-space);
$input-height: $large-space;
$border-radius: 3px;
// Z index heirarchy
$z-index: (
	modal           : 200,
	navigation      : 100,
	footer          : 10,
	header         	: 50,
	main			: 10,
);
// shorthand
$primary: map-get($palette, primary);
$primaryText: map-get($palette, primaryText);
$secondary: map-get($palette, secondary);
$secondaryText: map-get($palette, secondaryText);
$light: map-get($palette, light-grey);
$border: darken($light, 5%);
// notifications
$success: map-get($palette, success);
$error: map-get($palette, error);
$warning: map-get($palette, warning);
// social
$facebook: #3b5998;
$twitter: #55acee;
$instagram: #e1306c;
$facebook: #3b5998;
$pinterest: #bd081c;
$etsy: #d5641c;
$snapchat: #f8ec1e;
$linkedin: #0077b5;
$buffer: #323b43;
$reddit: #ff4500;
$email: $primary;
// anchor styles
$anchor-font-color: $primary;