/* 
 * Copyright (c) 2005-2017 MicroPact, Inc. All Rights Reserved.
 *
 *  /\ /\ \/ /   Always design for the end goal, develop with them in mind
 * / / \ \  /    deploy with a path forward, and success will be more easily achieved
 * \ \_/ /  \
 *  \___/ /\ \                                           - Che de Bruin
 *            
 * This software is the proprietary information of MicroPact, Inc.
 * Use is subject to license terms.
 *
 * Page description: CSS Colors
 *
 * @author MicroPact, Inc.
 * @since 1.0
 *
 */

 :root {
	--main-color-white: #ffffff;

	--main-color-gray: #d6d6d6;
	--main-color-gray-light: #e0e0e0;
	--main-color-gray-lighter: #f2f2f2;
	--main-color-gray-lightest: #f9f9f9;
	--main-color-gray-dark: #c1c1c1;
	--main-color-gray-darker: #8a8a8a;
	--main-color-gray-darkest: #3a3a3a;
	--main-color-gray-black: #272727;
	
	--main-color-blue: #1974c7;
	--main-color-blue-dark: #135b9e;
	--main-color-blue-darker: #14426f;

	--main-color-red: #d20000;
	--main-color-red-dark: #a20000;

	--main-color-green: #006600;
	--main-color-green-light: #007700;
	--main-color-green-lighter: #008800;
	--main-color-green-dark: #005500;
	--main-color-green-darker: #004400;

	--main-color-active: var(--main-color-blue-dark);


	--main-font-color-gray-darkest: #272727;
	--main-font-color-white: #ffffff;

	--main-fill-primary: var(--main-color-gray-darkest);
	--main-font-primary: var(--main-color-gray-darkest);
	--main-font-secondary: var(--main-color-gray-darker);
	--main-font-primary-reverse: #ffffff;

	--main-font-primary-light: var(--main-color-gray-darker);

	--main-button-background-primary: var(--main-color-blue);
	--main-button-font-primary: var(--main-font-primary-reverse);
	--main-button-font-alternate: var(--main-color-blue);
	
	--main-button-hyperlink-primary: var(--main-color-blue);
  }