// ------- Font Family ------- //
.ff-lato {
	font-family: var(--ff-lato);
}

// ------- Font Size ------- //
.fs {
	&-200 {
		font-size: var(--fs-200);
	}
	&-300 {
		font-size: var(--fs-300);
	}
	&-400 {
		font-size: var(--fs-400);
	}
	&-500 {
		font-size: var(--fs-500);
	}
	&-600 {
		font-size: var(--fs-600);
	}
	&-700 {
		font-size: var(--fs-700);
	}
	&-800 {
		font-size: var(--fs-800);
	}
	&-900 {
		font-size: var(--fs-900);
	}
}

// ------- Line Height ------- //
.leading {
	line-height: 1;

	&-100 {
		line-height: 1.1;
	}
	&-200 {
		line-height: 1.2;
	}
	&-300 {
		line-height: 1.3;
	}
	&-400 {
		line-height: 1.4;
	}
	&-500 {
		line-height: 1.5;
	}
	&-600 {
		line-height: 1.6;
	}
	&-700 {
		line-height: 1.7;
	}
	&-800 {
		line-height: 1.8;
	}
	&-900 {
		line-height: 1.9;
	}
}

// ------- Text Transform ------- //
.uppercase {
	text-transform: uppercase;
}

// ------- Text Align ------- //
.text-center {
	text-align: center;
}