/* COLOURS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root
{
	/* Colours */
	--color-deep-purple: #2A1243;
	--color-light-purple: #D4C9FF;
	--color-stone: #ECECE1;
	--color-orange: #F19A69;
	--color-black: #000000;
	--color-white: #FFFFFF;
	
	
	/* Font Sizes */
	--font-size-8xl: 10.0rem;	/* 100px / 100px line height */
	--font-size-7xl: 7.5rem;   /* 75px / 75px line height */
	--font-size-6xl: 5.6rem;   /* 56px / 64px line height */
	--font-size-5xl: 4.8rem;   /* 48px / 56px line height */
	--font-size-4xl: 3.6rem;   /* 36px / 42px line height */
	--font-size-3xl: 3.0rem;   /* 30px / 38px line height */
	--font-size-2xl: 2.4rem;   /* 24px / 32px line height */
	--font-size-xl:  2.0rem;   /* 20px / 26px line height */
	--font-size-lg:  1.8rem;   /* 18px / 24px line height */
	--font-size-base: 1.6rem;  /* 16px / 22px line height */
	--font-size-button: 1.6rem;/* 16px / 22px line height */
	--font-size-sm:  1.4rem;   /* 14px / 20px line height */
	--font-size-xs:  1.2rem;   /* 12px / 18px line height */
	
	
	/* Line Heights */
	--line-height-8xl: 10.0rem;
	--line-height-7xl: 7.5rem;
	--line-height-6xl: 6.4rem;
	--line-height-5xl: 5.6rem;
	--line-height-4xl: 4.2rem;
	--line-height-3xl: 3.8rem;
	--line-height-2xl: 3.2rem;
	--line-height-xl:  2.6rem;
	--line-height-lg:  2.4rem;
	--line-height-base: 2.2rem;
	--line-height-button: 2.2rem;
	--line-height-sm:  2.0rem;
	--line-height-xs:  1.8rem;
	
}

/* Fonts
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@font-face 
{
	font-family: 'Poppins';
	src:url('../fonts/PoppinsRegular.eot');
	src:url('../fonts/PoppinsRegular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PoppinsRegular.woff') format('woff'),
		url('../fonts/PoppinsRegular.woff2') format('woff2'),
		url('../fonts/PoppinsRegular.ttf') format('truetype'),
		url('../fonts/PoppinsRegular.svg#Poppins') format('svg');
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}


@font-face 
{
	font-family: 'Poppins';
	src:url('../fonts/PoppinsExtraBold.eot');
	src:url('../fonts/PoppinsExtraBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/PoppinsExtraBold.woff') format('woff'),
		url('../fonts/PoppinsExtraBold.woff2') format('woff2'),
		url('../fonts/PoppinsExtraBold.ttf') format('truetype'),
		url('../fonts/PoppinsExtraBold.svg#Poppins') format('svg');
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}