:root {
	--font-sans: 'Open Sans', sans-serif;

	--dark-bg: #030414;
	--surface-page: #060828;
	--surface-dark: #05061E;
	--surface-card-light: #0B103E;
	--surface-action: #1F213E;
	--action-dark: #151F7C;
	--text-headings: #63E3D3;
	--primary-600: #32726A;
	--primary-500: #4AAA9E;
	--primary-400: #63E3D3;
	--primary-300: #8AEADE;
	--primary-100: #D8F8F4;
	--secondary-800: #030513;
	--secondary-700: #05081F;
	--secondary-200: #8A8FBD;
	--secondary-50: #DCDDEB;
	--red: #F1251A;
	--light-green: #E8F8E8;
	--light-teal: #E8FBF8;
	--gray-300: #828393;
	--gray-200: #C1C1C9;
	--gray-100: #DADADF;
	--gray-50: #E6E6E9;

	--Gradient: linear-gradient(
	89deg,
	#090f75 -19.85%,
	#0d1581 -7.47%,
	#141e91 2.42%,
	#1c2ba8 12.32%,
	#1f2eae 14.8%,
	#2252b2 24.69%,
	#2aafbe 49.44%,
	#2edac4 59.34%,
	#2bc3bf 64.29%,
	#1d51a6 91.5%,
	#18249c 103.88%,
	#080e73 145.94%,
	#070d71 200.38%
	);

	--h1-font-size: 48px;
	--h1-line-height: 60px;
	--h2-font-size: 32px;
	--h2-line-height: 42px;
	--h3-font-size: 24px;
	--h3-line-height: 32px;
	--h4-font-size: 18px;
	--h4-line-height: 28px;
	--h5-font-size: 14px;
	--h5-line-height: 22px;
	--h6-font-size: 12px;
	--h6-line-height: 20px;
	--font-family-headings: "Baloo 2", cursive;
}