_base.scss

// Colors
$white: #fff;
$grey_1: #FAFAFA;
$grey_2: #F5F5F5;
$grey_3: #EEEEEE;
$grey_4: #E0E0E0;
$grey_5: #BDBDBD;
$grey_6: #9E9E9E;
$grey_7: #757575;
$grey_8: #616161;
$grey_9: #424242;
$grey_10: #212121;
$black: #000;

// Brand Colors
// -- normal / lighter
$mint_1: #B7DBD0;
$mint_2: #D9ECE6;
$teal_1: #64B2BC;
$teal_2: #88C4CB;
$citron_1: #EADE75;
$citron_2: #F1E9A1;
$red_1: #E86553;
$red_2: #EE8D80;
$mushroom_1: #88817F;
$mushroom_2: #A19B99;
$peach_1: #FBC19F;
$peach_2: #FDE1D0;
$dark_1: #1F1D1C;
$dark_2: #534F4E;

// Social colors
$facebook: #3B5998;
$twitter: #00B6F1;
$pinterest: #CB2027;



// Gutenberg color options
// -- see editor-color-palette in functions.php
$colors: (
	'red'		: $red_1,
	'mint' 		: $mint_1,
	'teal'		: $teal_1,
	'citron'	: $citron_1,
	'mushroom'	: $mushroom_1,
	'peach'		: $peach_1,
	'dark'		: $dark_1,
	'light-grey': $grey_2,
	'white'		: $white,
);

$colors_alt: (
	'red'		: $red_2,
	'mint' 		: $mint_2,
	'teal'		: $teal_2,
	'citron'	: $citron_2,
	'mushroom'	: $mushroom_2,
	'peach'		: $peach_2,
	'dark'		: $dark_2,
	'light-grey': $grey_3,
	'white'		: $white,
);

$base-color: $black;
$highlight: $red_1;
$border-color: $grey_4;

// Content
$content-width: 898px;
$block-margin: 32px;

// Grid
$grid-support: grid;
$grid-width: 1200px;
$grid-gap: 32px;
$base-margin: 16px;
$wrap_edge: $base-margin;
$margin_2x: $base-margin * 2;
$margin_4x: $base-margin * 4;

// Include Media
$breakpoints: (
  'phone'  : 360px,
  'small'  : 768px,
  'tablet' : 768px, // required for include-media
  'mobile_menu' : 768px,
  'admin_bar' : 790px,
  'medium' : 992px,
  'large'  : 1200px,
  'desktop': $grid-width + $grid-gap, // required for include-media
  'content-width': $content-width + $grid-gap,
);

@import "../vendor/_include-media";
@import "../modules/helpers";
@import "../modules/base-styles";