/* DEFINE THE GLOBAL TEMPLATE STYLES */

:root{
	/* COLORS */
	--brand-primary-color: #e9af1c;
	--brand-primary-background-color: #e9af1c;
	--brand-secondary-color: #000; 
	--brand-secondary-background-color:#e9af1c;
	--brand-alternative-color-1: #e9af1c;
	--brand-alternative-color-2: #e9af1c;
	--brand-alternative-color-3: #e9af1c;
	--brand-paragraph-text-color: #000000;
	--brand-alt-paragraph-text-color: #58595B;
	--footer-background-color:#f3f3f3;


	/* COLORS - NAVIGATION */
	--nav-menu-bg-color: #000000;
	--nav-submenu-bg-color: #000000;

	/* COLORS - LINKS & BUTTONS */
	--brand-link-color: var(--brand-primary-color);
	--nav-submenu-bg-color: #000000;
	--brand-primary-button-text-color:#ffffff;
	--brand-primary-button-color: var(--brand-primary-color);
	--brand-secondary-button-text-color:#ffffff;
	--brand-secondary-button-color:#000000;

	/* FONTS */
	--brand-primary-font-family: "Open Sans", Arial, Helvetica, sans-serif;
	--brand-secondary-font-family: 'Montserrat', sans-serif;
 	--brand-primary-font-weight: 400;
 	--brand-secondary-font-weight: 400;

	--brand-small-font-size: 1em;
	--brand-medium-font-size: 1.2em;
	--brand-large-font-size: 1.5em;
	--brand-xlarge-font-size: 1.8em;
	--brand-xxlarge-font-size: 2em;
	--brand-xxxlarge-font-size: 2.5em;

	/* - FONT WEIGHT  */
	--brand-font-weight-light: 200;
 	--brand-font-weight-normal: 400;
 	--brand-font-weight-bold: 600;

	/* ELEMENT STRUCTURE */
	--page-container-width:1280px;
	--default-element-padding:25px;
	--default-padding-top:25px;
	--default-padding-right:25px;
	--default-padding-bottom:25px;
	--default-padding-left:25px;
	--default-element-margin:25px;
	--default-margin-top:25px;
	--default-margin-right:25px;
	--default-margin-bottom:25px;
	--default-margin-left:25px;
}