/**
 * FabLearn 2019 Color Palette & Typography
 * Custom CSS Variables for site-wide color usage
 */

/* Typography - Proxima Nova for headings only */
h1, h2, h3, h4, h5, h6 {
	font-family: "proxima-nova", sans-serif !important;
}

:root {
	/* Prioritárias - Primary Colors */
	--color-primary-blue: #4da599;
	--color-primary-dark: #84be8b;
	--color-primary-white: #ffffff;

	/* Complementares - Complementary Colors */
	--color-comp-brown: #603b17;
	--color-comp-green: #8cc640;
	--color-comp-purple: #912a8d;
	--color-comp-yellow: #f7ec35;
	--color-comp-light-blue: #85c9f0;
	--color-comp-pink: #eb487f;

	/* Adicionais - Additional Colors */
	--color-add-beige: #c7b39e;
	--color-add-light-green: #d1deab;
	--color-add-light-purple: #c693c2;
	--color-add-light-yellow: #fff48f;
	--color-add-pale-blue: #bddcf1;
	--color-add-light-pink: #f29fc5;
}

/**
 * Usage Examples:
 *
 * background-color: var(--color-primary-blue);
 * color: var(--color-comp-purple);
 * border-color: var(--color-add-beige);
 */