<?php

add_color_rule( 'bg', '#ffffff', array(
	array( 'body', 'background-color' ),
	array( '#infinite-footer .container', 'background-color' ),
) );

//Blue
add_color_rule( 'fg1', '#dae0e8', array(

	//No Contrast
	array( '.widget-areas', 'background-color' ),
	array( '.site-footer', 'background-color', '-1' ),

),
__( 'Footer' ) );


//Green
add_color_rule( 'txt', '#0fb39e', array(

	//No Contrast
	array( '.header-background, .main-navigation, .menu-toggle', 'background-color', 0.75 ),
	array( '.main-navigation ul ul', 'background-color', '-0.5' ),
	array( '.main-navigation a', 'border-color' ),
	array( '.main-navigation ul ul a,.main-navigation ul ul ul a,.main-navigation ul ul ul ul a', 'border-color', '-1' ),
	array( '#infinite-handle span, button, html input[type="button"], input[type="reset"], input[type="submit"]', 'background-color' ),
	array( '#infinite-handle span:hover, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover', 'background-color', '+.5' ),

	//Contrast with white background
	array( '.entry-meta a, .entry-meta a:visited', 'color', '#ffffff' ),
	array( 'a:visited, a:hover, a:focus, a:active', 'color', '#ffffff' ),
	array( '.entry-title a:hover, footer.entry-meta .comments-link a:hover', 'color', '#ffffff' ),

	//Contrast with bg
	array( '.nav-previous a,.nav-previous a:visited,.nav-previous a:hover', 'color', 'bg' ),
	array( '.nav-next a,.nav-next a:visited,.nav-next a:hover', 'color', 'bg' ),

	//Contrast with footer
	array( '.widget-areas a,.widget-areas a:visited', 'color', 'fg1' ),

	//Contrast with darker txt
	array( '.site-description', 'color', 'txt' ),
	array( '.site-title a, .main-navigation a:hover, .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a', 'color', 'txt' ),

	// Main nav menu item borders
	array( '.main-navigation ul ul a, .main-navigation ul ul ul a, .main-navigation ul ul ul ul a', 'border-bottom-color', '-.5' ),
),
__( 'Header/Main Accent' ) );

//Red
add_color_rule( 'link', '#f35955', array(
	//No Contrast

	//Contrast with background
	array( 'a, .entry-title a, .entry-title a:visited, footer.entry-meta .comments-link a, footer.entry-meta .comments-link a:visited, .jetpack_widget_social_icons a:visited, .widget_wpcom_social_media_icons_widget a:visited', 'color', '#ffffff' ),

),
__( 'Links' ) );

//Body text color
add_color_rule( 'extra', '#5f6d80', array(
	array( 'body', 'color', '#ffffff' ),
	array( '.widget-areas', 'color', 'fg1' ),
) );

add_color_rule( 'extra', '#ffffff', array(
	array( '#infinite-handle span:hover, #infinite-handle span, button, html input[type="button"], input[type="reset"], input[type="submit"], .menu-toggle, button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover', 'color', 'txt' ),
) );

add_color_rule( 'extra', '#abbbc0', array(
	array( '.entry-meta', 'color', '#ffffff' ),
	array( '.page-title', 'color', 'bg' ),
) );

add_color_rule( 'extra', '#dae0e8', array(
	array( '.site-footer a:hover, .site-footer a:visited', 'color', 'fg1' ),
) );

add_color_rule( 'extra', '#eaedf1', array(
	array( '.main-navigation a,.main-navigation a:visited', 'color', 'txt' ),
) );

add_color_rule( 'extra', '#f1f2f3', array(
	array( '.hentry, blockquote', 'border-color', 0.3 ),
) );

add_color_rule( 'extra', '#efefef', array(
	array( 'footer.entry-meta', 'border-color', 0.3 ),
) );

add_color_rule( 'extra', '#eeeeee', array(
	array( 'td, th, .wp-caption', 'border-color', 0.3 ),
) );

add_color_rule( 'extra', '#9da7b4', array(
	array( '.widget_calendar caption, .widget_calendar th', 'border-color', 0.3 ),
	array( '.site-footer a, .site-info', 'color', 'fg1' ),
) );

/* Adding extra CSS to make mobile submenu backgrounds transparent */

add_theme_support( 'custom_colors_extra_css', 'kelly_extra_css' );
function kelly_extra_css() { ?>
	@media screen and ( max-width: 750px ) {
		.main-navigation ul ul {
			background-color: transparent !important;
		}
	}
<?php
}


/* Additional color palettes */

add_color_palette( array(
	'#f5f2ee',
	'#6f9d9f',
    '#a2bec2',
    '#5b3b38'
), 'Blue' );

add_color_palette( array(
	'#f5f2ee',
    '#f18383',
    '#f58a6a',
    '#43585f'
), 'Rose' );