:root {
	--bg-main-color: #FFF;
	--bg-light-color: #F7F6F2;
	--bg-medium-color: #BE5918;
	--bg-dark-color: #084941;
	
	--accent-dark: #F17113;
	--accent-dark-alt: #187870;
	--accent-light: #F9B665;
	--accent-light-alt: #A9A96E;
	
	--border-color: #ECE6DF;
	--border-color-alt: rgba(255, 255, 255, 0.20);
	--accent-extra: #A3F5EB;
	
	--title-dark-color: #3B3F40;
	--title-light-color: #FFF;
	--title-hero-size: 56px;
	--title-large-size: 40px;
	--title-medium-size: 32px;
	--title-small-size: 24px;
	--title-xsmall-size: 20px;
	
	--text-dark-color: #6E7171;
	--text-light-color: rgba(255, 255, 255, 0.80);
	--text-body-size: 18px;
	--text-small-size: 16px;
	--text-xsmall-size: 14px;
	--text-large-size: 22px;
	--text-xlarge-size: 28px;
	
	--font-family: "Source Serif 4", serif;
	--alt-font-family: "Source Sans 3", sans-serif;
}
@media screen and (max-width: 992px) {
	:root {
		--title-hero-size: 28px;
		--title-large-size: 24px;
		--title-medium-size: 24px;
		--title-small-size: 18px;
		--title-xsmall-size: 16px;
		
		--text-body-size: 16px;
		--text-small-size: 14px;
		--text-large-size: 20px;
		--text-xlarge-size: 20px;
	}
}