:root {
	--background-color-light: #F7F9FC;
	--background-color-main: #FFF;
	--background-color-dark: #003D5E;
	
	--color-dark: #007CAD;
	--color-main: #009DDC;
	--color-light: #A7CBED;
	--color-white: #FFF;
	
	--accent-color-main-primary: #007CAD; 
	--accent-color-main-secondary: #003D5E;
	--accent-color-dark-primary: #8DC73F; 
	--accent-color-dark-secondary: #A1D161;
	
	--title-color-main: #003D5E;
	--title-color-invert: #FFF;
	--text-color-main: #6A718B;
	--text-color-dark: #003D5E;
	--text-color-invert: rgba(255, 255, 255, 0.85);
	
	--border-color-main: #DDE4EE;
	--border-color-light: rgba(221, 228, 238, 0.50);
	--border-radius-button: 100px;

	--text-size-body: 18px;
	--text-size-small: 16px;
	--text-size-xsmall: 14px;
	--text-size-large: 20px;
	--text-size-xlarge: 22px;

	--title-size-xlarge: 64px;
	--title-size-large: 56px;
	--title-size-medium: 40px;
	--title-size-small: 24px;
	--title-size-xsmall: 20px;
	--title-size-slider-large: 60px;
	--title-size-slider-small: 32px;
}
@media screen and (max-width: 992px) {
	:root {
		--text-size-body: 16px;
		--text-size-small: 16px;
		--text-size-xlarge: 16px;

		--title-size-xlarge: 40px;
		--title-size-large: 40px;
		--title-size-medium: 28px;
		--title-size-small: 20px;
		--title-size-slider-large: 40px;
		--title-size-slider-small: 28px;

	}
}