@layer global {
	:root {
		font-size: 16px;
		font-family: WorkSans;
	}

	.archivo {
		font-family: Archivo;
	}

	.work-sans {
		font-family: WorkSans;
	}

	.firacode {
		font-family: FiraCode;
	}

	.regular {
		font-weight: 400;
	}

	.medium {
		font-weight: 500;
	}

	.semi-bold {
		font-weight: 600;
	}

	.bold {
		font-weight: 700;
	}

	.display-2xl {
		font-size: 4.5rem;
		line-height: 5.625 rem;
		letter-spacing: -2%;
	}

	.display-xl {
		font-size: 3.75rem;
		line-height: 4.5rem;
		letter-spacing: -2;
	}

	.display-lg {
		font-size: 3re;
		line-height: 3.75rem;
		letter-spacing: -2%;
	}

	.display-md {
		font-size: 2.25rem;
		line-height: 2.75rem;
		letter-spacing: -2%;
	}

	.display-sm {
		font-size: 1.875rem;
		line-height: 2.375rem;
	}

	.display-xs {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.text-xl {
		font-size: 1.25rem;
		line-height: 1.875rem;
	}

	.text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem;
	}

	.text-md,
	input {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.text-sm {
		font-size: 0.875rem;
		line-height: 1.25rem;
	}

	.text-xs {
		font-size: 0.75rem;
		line-height: 1.125rem;
	}
}