:root {
	/* base variables */
	--margin-top-default: 75px;
	--margin-bottom-default: 50px;

	--marggin-top-none: 0;
	--margin-bottom-none: 0;

	--dark-blue: #062E8B;
	--medium-blue: #2040B7;

	--plum: #A92244;
	--dark-teal: #1D737D;
	--red-orange: #B01D17;
	--orange: #d83b34;
	--gold: #FF7826;
	--red: #DF0000;

	--black: #000000;
	--gray-1: #2A2A2A;
	--gray-2: #6A6A6A;
	--gray-3: #ACACAC;
	--gray-4: #E0E0E0;
	--gray-5: #F2F2F2;
	--white: #FFFFFF;

	--font-size-h1: 52px;
	--font-size-h2: 34px;
	--font-size-h3: 30px;
	--font-size-h4: 24px;
	--font-size-h5: 21px;
	--font-size-h6: 17px;

	--font-size-body-1: 20px;
	--font-size-body-2: 18px;

	--font-family-heading: brandon-grotesque, sans-serif;
	--font-family-body: roboto, sans-serif;

	--line-height-h1: 54px;
	--line-height-h2: 36px;
	--line-height-h3: 32px;
	--line-height-h4: 32px;
	--line-height-h5: 29px;
	--line-height-h6: 25px;

	--line-height-body-1: 34px;
	--line-height-body-2: 28px;

	/* base variable applications */
	--primary-background-color: var(--white);
	--primary-background-dark-color: var(--gray-1);
	--primary-background-medium-color: var(--gray-3);
	--primary-background-light-color: var(--gray-5);
	--primary-highlight-color: var(--dark-blue);
	--primary-highlight-accent-color: var(--medium-blue);
	--primary-contrast-color: var(--gray-3);
	--primary-color: var(--gray-1);
	--primary-button-background-color: var(--dark-blue);
	--primary-button-color: var(--white);
	--primary-button-background-accent-color: var(--medium-blue);
	--primary-button-accent-color: var(--white);
	--primary-byline-color: var(--gray-2);
	--primary-header-color: var(--white);
	--primary-header-color-2: var(--gray-1);
	--primary-header-shadow-color: #535353;
	--primary-ljs-alt-color: var(--medium-blue);
	--primary-ljs-highlight-color: var(--gray-3);
	--primary-ljs-filter-pane-bg-color: var(--gray-5);
	--primary-strong-color: var(--black);
	--primary-warning-color: var(--orange);
	--primary-warning-dark-color: var(--red-orange);
	--primary-ticket-color: var(--white);

	--secondary-background-color: var(--medium-blue);
	--secondary-highlight-color: var(--white);
	--secondary-highlight-accent-color: var(--white);
	--secondary-color: var(--white);
	--secondary-header-background-color: var(--white);
	--secondary-header-color: var(--dark-blue);

	--tertiary-background-color: var(--primary-background-color);
	--tertiary-highlight-color: var(--primary-highlight-color);
	--tertiary-highlight-accent-color: var(--primary-highlight-color-hover);
	--tertiary-color: var(--primary-color);

	--quaternary-background-color: var(--primary-background-color);
	--quaternary-highlight-color: var(--gray-1);
	--quaternary-highlight-accent-color: var(--gray-1);
	--quaternary-color: var(--white);

	--nav-background-color:var(--medium-blue);
	--nav-volor: var(--white);

	--share-trigger-button-color: var(--primary-highlight-color);
	--share-trigger-icon-color: var(--primary-highlight-color);
}