@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800;900&display=swap');

:root {
	--font-size-xs-2: 10px;
	--font-size-xs: 11px;
	--font-size-sm: 12px;
	--font-size-md: 13px;
	--font-size-lg: 16px;
}
 
* {
	font-family: 'Nunito', sans-serif;
	box-sizing: border-box;
	font-weight: 600;
	font-size: calc(13px + var(--font-size-increment));
}

.font-xs-2 {
	font-size: calc(var(--font-size-xs-2) + var(--font-size-increment)) !important;
	line-height: 13px !important;
}

.font-xs {
	font-size: calc(var(--font-size-xs) + var(--font-size-increment)) !important;
	line-height: 13px !important;
}

.font-sm {
	font-size: calc(var(--font-size-sm) + var(--font-size-increment)) !important;
}

.font-md {
	font-size: calc(var(--font-size-md) + var(--font-size-increment)) !important;
}

.font-lg {
	font-size: calc(var(--font-size-lg) + var(--font-size-increment)) !important;
}

.thin {
	font-weight: 400 !important
}

.regular {
	font-weight: 600 !important
}

.bold {
	font-weight: 800 !important
}

.extra-bold {
	font-weight: 900 !important
}

@font-face {
	font-family: circularBlack;
	src: url(../../fonts/circular-black.ttf);
}