/* Declare brand colors */
@import '../../fonts/defaultFonts.css';

:root {
	/* Primary should always be darked than secondary as per material UI style guide */
	--primaryColor: #102f82;
	--primaryDark: #000854;
	--primaryLight: #4e57b2;
	--primaryLightTransparency20: #4e57b234;

	--secondary: #56a9dd;
	--secondaryDark: #0a7aab;
	--secondaryLight: #8cdaff;

	/* Genric section */
	--genericGreen: #8bc34a;

	/* TERNARY COLORS EXIST TO ADDRESS CROSS BRANDING DIFFERENCES IN COMPONENT BASED DESIGN */

	/* primary color is the default */
	--ternaryPageHeaderColor: var(--primaryColor);

	/* Generic brands use secondary for nav link underline*/
	--ternaryNavLinkUnderline: var(--secondary);

	/* Submit buttons in some modals, and card forms */
	--ternarySubmitButton: var(--genericGreen);

	/* Link color defaults to secondary */
	--ternaryLinkColor: var(--secondary);

	/* Link hover color defaults to secondary dark*/
	--ternaryHoverLinkColor: var(--secondaryDark);

	--primaryFont: 'Montserrat';
}