/*
	colors MUST be unique (they are variables for DEFAULT scheme in color.inc processor)
*/
:root {

    --black_color: #0072d4;
    --white_color: #ffffff;
    --btn-gradient-color1: #22b3c3;
    --btn-gradient-color2: #00fad2;
    --gray_color: #d9dde2;
    --gray_m_color: #e6e6e6;
    --blue_color: #0000a0;
    --gray_filter_bg_color: #f7f7f7;
	--gray_filter_bg_color_hover: #cbcbcb;
    --gray_filter_tag_color: #757575;
    --main_menu_color: #ffffff;
    --main_menu_active_color: #00bdf0;

    --primary_1: #ffffff;
    --primary_2: #143d9b;
    --primary_3: #165af5;
    --primary_4: #ffffff;
    --primary_5: #000000;
    --secondary_1: #000000;
    --secondary_2: #ff2c2c;
    --secondary_3: #f2a900;
	--secondary_4: #ff835c;
    --gradient_1_1: #143d9b;
    --gradient_1_2: #ff2c2c;
    --gradient_2_1: #87189d;
    --gradient_2_2: #165af5;
    --gradient_3_1: #165af5;
    --gradient_3_2: #000000;
    --neutral_1: #f1f1f1;
    --neutral_2: #ffffff;
    --neutral_3: #f2a900;
    --neutral_4: #000000;


    --primary-menu-bg: #f48324;
    --primary-menu-active: #ffffff;
    --primary-menu-inactive: #ffffff;
    --primary-menu-hover: #ffffff;
    --primary-menu-underline: #f14910;

    --secondary-menu-bg: #ffffff;
    --secondary-menu-active: #000000;
    --secondary-menu-inactive: #000000;
    --secondary-menu-hover: #000000;
    --secondary-menu-underline: #f2a900;

    --workspace-menu-bg: #f1f1f1;
    --workspace-menu-active: #000000;
    --workspace-menu-inactive: #000000;
    --workspace-menu-hover: #000000;
    --workspace-menu-underline: #000000;

    --sidebar-menu-bg: #ffffff;
    --sidebar-menu-active: #000000;
    --sidebar-menu-inactive: #000000;
    --sidebar-menu-hover: #000000;

    --content-nav-bg: #ffffff;
    --content-nav-inactive: #87189d;
    --content-nav-inactive-bg: #ffffff;
    --content-nav-hover: #87189d;
    --content-nav-hover-bg: #ffffff;
    --content-nav-active: #ffffff;
    --content-nav-active-bg: #87189d;

    --button1-inactive: #ffffff;
    --button1-inactive-bg: #f48325;
    --button1-inactive-border: #ffffff;
    --button1-hover: #ffffff;
    --button1-hover-bg: #25303b;
    --button1-hover-border: #25303b;
    --button1-active: #000000;
    --button1-active-bg: #ffffff;
    --button1-active-border: #f2a900;

    --button2-inactive: #25303b;
    --button2-inactive-bg: #ffffff;
    --button2-inactive-border: #ffffff;
    --button2-hover: #ffffff;
    --button2-hover-bg: #25303b;
    --button2-hover-border: #ffffff;
    --button2-active: #25303b;
    --button2-active-bg: #ffffff;
    --button2-active-border: #ffffff;

    --button3-inactive: #000000;
    --button3-inactive-bg: #ffffff;
    --button3-inactive-border: #000000;
    --button3-hover: #ffffff;
    --button3-hover-bg: #25303b;
    --button3-hover-border: #25303b;
    --button3-active: #000000;
    --button3-active-bg: #ffffff;
    --button3-active-border: #000000;

    --button4-inactive-bg: #f1f1f1;
    --button4-hover-bg: #f2a900;
    --button4-active-bg: #f2a900;

    --button5-inactive-bg: #f1f1f1;
    --button5-hover-bg: #f2a900;
    --button5-active-bg: #f2a900;

    --link-inactive: #87189d;
    --link-hover: #123db8;
    --link-active: #87189d;

    --filter-eapi-bg: #ffffff;
    --filter-eapi-inactive: #000000;
    --filter-eapi-hover: #000000;
    --filter-eapi-active: #000000;
    --filter-eapi-underline: #f2a900;

    --filter-showcase-bg: #ffffff;
    --filter-showcase-inactive: #000000;
    --filter-showcase-inactive-bg: #ffffff;
    --filter-showcase-inactive-border: #000000;
    --filter-showcase-hover: #000000;
    --filter-showcase-hover-bg: #ffffff;
    --filter-showcase-hover-border: #000000;
    --filter-showcase-active: #000000;
    --filter-showcase-active-bg: #ffffff;
    --filter-showcase-active-border: #f2a900;

    --filter-home-search-bg: #f1f1f1;
    --filter-home-search: #000000;
    --filter-home-search-underline: #ffffff;
    --filter-home-search-arrow: #000000;
    --filter-home-search-active-arrow: #ffffff;
    --filter-home-search-active: #ffffff;
    --filter-home-search-active-bg: #000000;

    --filter-search-bg: #f1f1f1;
    --filter-search: #000000;
    --filter-search-hover: #000000;
    --filter-search-active: #000000;
    --filter-search-active-bg: #f7f7f7;
    --filter-search-underline: #f2a900;
    --filter-search-arrow: #000000;
    --filter-search-results-inactive: #000000;
    --filter-search-results-bg-inactive: #f7f7f7;
    --filter-search-results-hover: #000000;
    --filter-search-results-bg-hover: #f7f8f7;
    --filter-search-results-active: #000000;
    --filter-search-results-bg-active: #f8f7f7;
    --filter-search-reset-btn: #f4f4f4;
    --filter-search-reset-btn-bg: #abcdef;
    --filter-search-reset-btn-hover: #555555;
    --filter-search-reset-btn-bg-hover: #25303b;
    --filter-search-reset-btn-active: #555556;
    --filter-search-reset-btn-bg-active: #acccef;

    --filter-sort-by-bg: #f2f1f1;
    --filter-sort-by: #000000;
    --filter-sort-by-arrow: #000000;
    --filter-sort-by-hover: #000000;
    --filter-sort-by-hover-bg: #f1f1f1;
    --filter-sort-by-active: #ffffff;
    --filter-sort-by-active-bg: #000000;

    --filter-tag-inactive: #000000;
    --filter-tag-inactive-bg: #d8d8d8;
    --filter-tag-hover: #000000;
    --filter-tag-hover-bg: #f2a900;
    --filter-tag-active: #000000;
    --filter-tag-active-bg: #f2a900;

    --eapi-card-hover: #fcfdfc;
    --eapi-card-hover-bg: #f48325;
    --eapi-card-hover-in-progress-bg: #707070;
	--eapi-card-border: #bbbbbb;
	--eapi-card-border-prototype: #eeeeee;
	--eapi-card-border-deprecated: #f2a900;

	--home-head-title: #fffffa;
    --home-overlay-gradient1: #abcdef;
    --home-overlay-gradient2:_ #25303b;

	--eapi-head-title: #fffffb;
	--eapi-head-txt: #fffff7;
    --eapi-overlay-gradient1: #25303b;
    --eapi-overlay-gradient2: #ffffff;

	--showcase-head-title: #fffffc;
	--showcase-head-txt: #fffff6;
    --showcase-overlay-gradient1: #000000;
    --showcase-overlay-gradient2: #bbcaee;

	--showcase-card-txt: #ffffff;
    --showcase-card-gradient1: #25303b;
    --showcase-card-gradient2: #7c2a98;

    --footer-bg: #ff6600;
    --footer-inactive: #ffffff;
    --footer-hover: #ffffff;
    --footer-active: #ffffff;

    --webform-bg: #f48325;
    --webform-inactive: #ffffff;
    --webform-active: #ffffff;
    --webform-title: #f2a900;
    --webform-bullets: #f14910;
	
	--api-detail-title: #fffffd;
	--showcase-detail-title: #ffffff;
	--bg-guidelines-head: #f48325;
	--bg-search-head: #f48325;	
	--guidelines-title: #fffff9;
	--search-title:	#fffff8;
}